$first in ngRepeat

Question

我有一个数组$scope.items。

如果这个项目是ngRepeat的第一个项目，我想要添加CSS类in。

这是Angular可以完成的吗？一般来说我该如何处理Ajs中的布尔值？

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

- Diolor

Answer 1

它应该是

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

请查看http://docs.angularjs.org/api/ng.directive:ngClass中的ng-class指令和这个线程中的What is the best way to conditionally apply a class?

- Chandermani

---

你能解释一下它应该如何工作吗？这里有一个 Fiddle，你可以实现你的方式：http://jsfiddle.net/9Ymvt/673/ 谢谢。 - Maxim Shoustin

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

- Maxim Shoustin