Angularjs 如何根据循环中的迭代次数添加类

例如，我有三节我喜欢的课 红、绿、蓝

显示div中的项目列表，我的要求是按照迭代值（顺序）添加类。比如说

1st div - red
2nd div - green 
3rd div - blue
4th div - red
5th div - green
.
.
(repeat will proceed till last iteration)
(repeat

这是我的密码

<div class="card" ng-repeat="item in circularitems">
                <div class="item item-divider circularcard>
                    <b><span class="ion-ios-compose-outline larger"></span> {{item.notice_title}}</b> 
                </div>
                <div class="item item-text-wrap item-br-color-type-{{$index + 1}}-1">
                     {{item.notice}} <br><br>
                    <div class="circular-des-date">Date : {{item.event_date}}</div> 
                </div>
            </div>

您必须使用
ng class
而不是
class
属性

ng-class="{ 'item-br-color-type-red': ($index%3)==0 , 
            'item-br-color-type-green': ($index%3)==1 , 
            'item-br-color-type-blue': ($index%3)==2 }"

您的代码可能还可以，您只需将
class
更改为
ng class
，这样就可以通过角度对其进行评估

<div ng-class="item item-text-wrap item-br-color-type-{{$index + 1}}-1">...</div>

。。。
像这样试试


var-app=angular.module（'main'，[]）；
app.controller（'DemoCtrl'，函数（$scope，$filter）{
$scope.colors=[
“红色”，
“蓝色”，
“绿色”，
“粉红”]；
$scope.items=
[
{name:“item1”}，
{name:“item2”}，
{name:“item3”}，
{name:“item4”}，
{name:“item4”}
];
});

{{n.name}