javascript - 在我的情况下如何使用 ng-click 功能？

Question

我有一个 div，其中的图片每 9 秒更改一次，我想保留它，但我想在用户点击时更改图片。我认为最简单的是使用 ng-click 功能，但我不知道如何我的代码:在 HTLM 中:

     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 session fondbleuSession">
                      <div>
                        <div ng-controller="eventCtrl">
                          <div ng-repeat="data in event" ng-if="data.id == actualSession">
                            <div class="sessionTxt">
                                <h1>{{data.title}} </h1>
                              <p>{{data.description}} </p>
                            </div>
<!-- ng-click here ? -->   <a ng-href="{{data.url}}" class="sessionImg" ng-style="{'background-image':'url({{data.src}})'}" >
                            </a>
                          </div>
                        </slider>
                        </div>
                      </div>
                    </div>

还有在事件Ctrl

app.controller('eventCtrl', function($scope, $interval) {

  $scope.actualSession = 0;
  var sessionLength = 0;

  // INFORMATION GENERAL EVENT
  // id = reference de l'image pour l'ordre de passage (+1 a chaque nouveau slide ajouté)
  // title = titre de l'event
  // description = resume rapide de l'event
  // src = adresse de l'image
  // url = lien de redirection vers article/sharepoint...

  $scope.event = [
    {
      "id": 1,
      "title": "Site Events",
      "description": "",
      "src": "images/index/event/Photo1.jpg",
      "url": ""
    },
    {
      "id": 2,
      "title": "Site Events",
      "description": "",
      "src": "images/index/event/Photo2.jpg",
      "url": ""
    },
    {
      "id": 3,
      "title": "Site Events",
      "description": "",
      "src": "images/index/event/Photo3.jpg",
      "url": ""
    },
    {
      "id": 4,
      "title": "Site Events",
      "description": "",
      "src": "images/index/event/Photo4.jpg",
      "url": ""
    },
    {
      "id": 5,
      "title": "Site Events",
      "description": "",
      "src": "images/index/event/Photo5.jpg",
      "url": ""
    }
  ];

  sessionLength = _.size($scope.event);


  $interval(function() {
    $scope.actualSession = $scope.actualSession + 1;
    if ($scope.actualSession == sessionLength) {

      $scope.actualSession = 0;
    }
  }, 9000);   //timer switch event (1000 = 1 seconde)

})

我不知道是否可以有这两个功能:x秒后自动更改图片和用户单击时更改图片。此外，当我们看到最后一张照片时，我不知道该去找谁非常感谢您，祝您度过愉快的一天

Answer 1

尝试在 anchor 标记周围包裹一个 div 并在那里使用 ng-click，希望它能工作。