奇怪,甚至在ng-repeat Angular中

时间:2015-09-14 18:19:19

标签: css angularjs

我想在ng-repeat中检测奇数或烤箱。现在我有一个 fiddle ,显示一些点随机显示/隐藏,现在我想将背景更改为红色,例如odd = green和even = red。

function MyCtrl($scope, $timeout) {
    $scope.lights = [0,1,2,3,4,5,6,8,9,10,11,12,13,14,15,16,17,18,19,20];
    $scope.currentLight = 0;

    function light(index){
        if($scope.lights.length < index) {
            light(0);
        } else {
            $scope.currentLight = index;
         index = Math.floor((Math.random() * 20) + 1);
            $timeout(function(){
                light(index);
            }, 1000);
        }
    }

    light(0);
}  

有什么建议吗?

1 个答案:

答案 0 :(得分:4)

您可以使用ng-class-oddng-class-even

来自https://docs.angularjs.org/api/ng/directive/ngClassOdd

<ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">
  <li ng-repeat="name in names">
   <span ng-class-odd="'odd'" ng-class-even="'even'">
     {{name}}
   </span>
  </li>
</ol>