$ first in ngRepeat

Question

나는 배열이 $scope.items입니다.

중 하나 인 $first 중 하나가 CSS 클래스 in을 추가하고 싶습니다.

각도로 처리 할 수 ​​있습니까? 일반적으로 Ajs에서 부울을 어떻게 처리 할 수 ​​있습니까?

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

Answer 1

이 http://docs.angularjs.org/api/ng.directive:ngClass에서이 스레드 What is the best way to conditionally apply a class?

Answer 2

당신은 메소드 호출과 접근 방법을 시도 할 수있는 ng-class 지침에

이

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

봐해야합니다.

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