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>