Angularjs 使用ng repeat将索引传递给ng类

Angularjs 使用ng repeat将索引传递给ng类,angularjs,Angularjs,我想用ng repeat增加类序列。 我的要求符合要求 <div class="c1">image1</div> <div class="c2">image2</div> <div class="c3">image3</div> ...................... <div class="cN">imageN</div> image1 图2 图3 .....................

我想用
ng repeat
增加类序列。 我的要求符合要求

<div class="c1">image1</div>
<div class="c2">image2</div>
<div class="c3">image3</div>
......................
<div class="cN">imageN</div>
image1
图2
图3
......................
图像
我试着把它简化为

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

Image{{imgNo}
请帮我找到正确的方法。谢谢你试试这个

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

像这样试试

angular.module('app',[])
.controller('ctrl',函数($scope){
$scope.List=[
{Name:'1'},
{Name:'2'},
{Name:'3'},
{Name:'4'},
{Name:'5'}
];
});
.c0{
颜色:红色;
}
.c1{
颜色:蓝色;
}
.c2{
颜色:绿色;
}

  • {{category.Name}

不需要在此处指定或使用
$index
,因为您已经有
imgNo
字段,并且在div文本中使用,您还可以在类中附加相同的名称:

<div class="c{{imgNo}}" ng-repeat="imgNo in ImgNos">Image{{imgNo}}</div>
Image{{imgNo}
您可以使用

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