使用ng-repeat和ng-class和$ index

时间:2014-11-09 20:44:21

标签: angularjs ng-class

我需要在代码之后为每次迭代使用不同的类。

编辑:索引在li

<li class="table-view-cell bg_{{$index}}" ng-repeat="agenda in agendas">
        <span class="cell">
            <a data-href="#/agendas/{{agenda.id}}" ng-click="detail($event, agenda.id)">
                <span class="type">{{agenda.date}}</span>
            </a>
        </span>
    </li>

为什么我们需要ng-class,我不能在这里使用简单的类吗?

2 个答案:

答案 0 :(得分:2)

尝试仅使用ng-class替换class,并在ng-repeat中添加track by $index

或者跳过追踪。不确定你要做什么但是,这应该让你去: http://jsfiddle.net/clto/HB7LU/8072/

答案 1 :(得分:0)

使用css伪类nth-child怎么样? 你可以通过css中的索引为每个孩子应用不同的css,而不是仅为每个索引创建许多不同的类名。