angularjs - example - ng-repeat select

$ primero en ngRepeat

Question

Tengo un array $scope.items .

Quiero que si el elemento es el $first de ngRepeat para agregar la clase css.

¿Es algo que se puede hacer con angular? En general, ¿cómo puedo manejar los booleanos en Ajs?

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

Answer 1

Debería ser

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

Mire la directiva ng-class en http://docs.angularjs.org/api/ng.directive:ngClass y en este hilo ¿Cuál es la mejor manera de aplicar condicionalmente una clase?

Answer 2

Puedes intentar acercarte con invocación de método.

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''];

Demo jsfiddle.net/9Ymvt/673