通過ng-repeat的ng-class指數

我想用ng-repeat遞增類序列。我的要求，滿足喜歡通過ng-repeat的ng-class指數

<div class="c1">image1</div> 
<div class="c2">image2</div> 
<div class="c3">image3</div> 
...................... 
<div class="cN">imageN</div>

我試圖減少這種作爲

<div ng-class="{'c':{{imgNo}}}" ng-repeat="imgNo in imgNos">Image{{imgNo}}</div>

或

<div ng-class="{'c[$index]':isTrue}" ng-repeat="imgNo in imgNos">Image{{imgNo}}</div>

請幫我用正確的方式。由於

來源

2016-09-18 Omprakash Sharma

試試這個

<div class="c{{imgNo}}" ng-repeat="imgNo in ImgNos">Image{{imgNo}}</div>

DEMO

來源

2016-09-18 05:30:08

嘗試這樣的。

angular.module('app',[]) 
 
.controller('ctrl',function($scope){ 
 
    $scope.List = [ 
 
     {Name : '1'}, 
 
     {Name : '2'}, 
 
     {Name : '3'}, 
 
     {Name : '4'}, 
 
     {Name : '5'} 
 
    ]; 
 
    
 
    
 
});

.c0{ 
 
    color:red; 
 
    } 
 

 
.c1{ 
 
    color:blue; 
 
    } 
 

 
.c2{ 
 
    color:green; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="ctrl"> 
 
    <ul> 
 
    <li ng-repeat="category in List" ng-class="'c'+{{$index}}"> 
 
     {{category.Name}} 
 
    </li> 
 
    </ul> 
 
</div>

來源

2016-09-18 05:30:44

您不需要指定或使用$index這裏是因爲你已經有imgNo場，你在DIV文本中使用，還可以追加類同名：

<div class="c{{imgNo}}" ng-repeat="imgNo in ImgNos">Image{{imgNo}}</div>

來源

2016-09-18 05:34:01

您可以使用

<div class="c{{imgNo}}" ng-repeat="imgNo in ImgNos">Image{{imgNo}}</div>

來源

2016-09-18 05:37:02 Lasith

通過ng-repeat的ng-class指數

回答

相關問題