在ng-repeat中使用{{expression}}来计算ng-click

时间:2014-04-08 02:46:22

标签: javascript angularjs

这会抛出语法错误。因为在ng-repeat中有{{count}}

我有一个按钮,可以增加+1来计算:

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

控制器功能:

     $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>

1 个答案:

答案 0 :(得分:3)

更改此

  <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