Angular js中的ng-class

时间:2014-12-18 14:00:49

标签: angularjs

我需要这个HTML

<div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div class="last">4</div>

    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div class="last">8</div>    
<div>

我正在使用此功能

<div class="col-md-3"
     ng-repeat="items in data.data"
     data-ng-class="{'last': $index%3 == 0 && $index!=0}"  >

但是我得到了这个输出

<div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div class="last">4</div>

    <div>5</div>
    <div>6</div>
    <div class="last">7</div>
    <div>8</div>

<div>

2 个答案:

答案 0 :(得分:1)

如果您希望索引可以整除的行为4,请使用4,而不是3

{'last': ($index + 1 ) % 4 == 0 && $index != 0}

答案 1 :(得分:0)

最后我得到了解决方案

{'last': ($index+1) % 4 == 0 && $index!=0}
@Ben黑色评论帮助了我。

修改建议  {'last':( $ index + 1)%4 == 0}因为$ index永远不会为零 此解决方案可能有助于其他人