$ ng in ngRepeat

Question

我有一個陣列$scope.items。

我想要的項目是$first其中的ngRepeat要添加css類in。

是否可以通過角度來完成？一般來說，我如何處理Ajs中的布爾值？

<div ng-repeat="item in items"> 
    <div class='' > {{item.title}}</div> 
</div> 

Answer 1

應該

<div ng-repeat="item in items"> 
    <div ng-class='{in:$first}' > {{item.title}}</div> 
</div> 

看ng-class指令在http://docs.angularjs.org/api/ng.directive:ngClass和在這個線程What is the best way to conditionally apply a class?

Answer 2

你可以嘗試用方法調用的方法。

HTML

<div ng-controller = "fessCntrl"> 
<div ng-repeat="item in items"> 
    <div ng-class='rowClass(item, $index)' > {{item.title}}</div> 
</div> 
</div> 

JS

var fessmodule = angular.module('myModule', []); 

fessmodule.controller('fessCntrl', function ($scope) { 
    $scope.items = [ 
     {title: 'myTitle1', value: 'value1'}, 
     {title: 'myTitle2', value: 'value2'}, 
     {title: 'myTitle3', value: 'value1'}, 
     {title: 'myTitle4', value: 'value2'}, 
     {title: 'myTitle5', value: 'value1'} 
    ];   

    $scope.rowClass = function(item, index){ 
     if(index == 0){ 
      return item.value; 
     } 
     return ''; 
    };   
});  
fessmodule.$inject = ['$scope']; 

演示Fiddle