多次调用ng-repeat函数

时间:2015-08-24 14:28:01

标签: angularjs angularjs-ng-repeat

我写过如下的ng-repeat

<div  class="anchor" ng-repeat="race in races" ng-class="showdata (race)"></div>


  $scope.showdata = function(data)
  {
    var raceId = data.raceId;
    if(raceId == 66666666)
   {
    console.log(data);
    console.log('----- next ---')
   }

和数据是这样的

[     {       &#34; raceId&#34;:&#34; 434346&#34;     },     {       &#34; raceId&#34;:&#34; 123456&#34;     },     {       &#34; raceId&#34;:&#34; 222222&#34;     },     {       &#34; raceId&#34;:&#34; 5555555&#34;     }
     ,     {       &#34; raceId&#34;:&#34; 32423443&#34;     }
     ,     {       &#34; raceId&#34;:&#34; 66666666&#34;     }
  ]

理想情况下,数据应仅打印一次,因为raceId 66666666只有一次。但我看到对象打印三次。它有什么问题吗?理想情况下,它意味着它被调用三次相同的数据?

1 个答案:

答案 0 :(得分:2)

来自@tymeJV评论的旁注,这显然是正确的。

如果您希望根据其中一个ng-repeat项目设置特定类,您还可以在ng-class内部使用基本逻辑。

例如:

<div  class="anchor" ng-repeat="race in races" ng-class="{'some-class': race.raceId === '66666666'"></div>

这只会将some-class应用于您在代码中列出的竞赛项目。