javascript - 在 ng-repeat 中使用 {{expression}} 来记录 ng-click

Question

这会引发语法错误。因为 ng-repeat 内部有 {{count}}。

我有一个按钮，可以为计数添加+1:

<a href="#"  ng-click="addCount()">Add count</a>

Controller 功能:

     $scope.count = 0;     
     $scope.addCount = function() {
          $scope.count++;
          alert($scope.count);
      };

我希望这个计数来控制模型的数组索引::

$scope.img = [[

      {
        'src': 'runner-922.png',
        'klass': 'h9'
      },
      {
        'src': 'tweet.jpg',
        'klass': 'h3'
      }
   ],
      {
        'src': 'runner-922x.png',
        'klass': 'h9'
      },
      {
        'src': 'tweetx.jpg',
        'klass': 'h3'
      }
   ]

将使用ng-repeat循环:

  <div ng-repeat="i in img[{{count}}]" class="item {{i.klass}}" >
       <img ng-src="images/iphone/{{i.src}}" alt="">             
  </div>

Answer 1

改变这个

  <div ng-repeat="i in img[{{count}}]" class="item {{i.klass}}" >
       <img ng-src="images/iphone/{{i.src}}" alt="">             
  </div>

到此

  <div ng-repeat="i in img[count]" class="item {{i.klass}}" >
       <img ng-src="images/iphone/{{i.src}}" alt="">             
  </div>

See this plunker