0

我正在使用一些 AngularJS ng-repeat 循环，但我想生成网格的标记，但需要在网格的第 4 项中添加一个“grid--last”类，这可以实现吗？

我的 HTML：

<div ng-repeat="service in services" class="grid__4">
                <div class="services__box">
                    <img src="img/services/{{service.thumb}}.jpg" alt="" class="services__box__img">
                    <h1 class="services__box--alpha alpha">{{service.title}}</h1>
                    <p>
                        {{service.text}}
                    </p>
                    <a href="{{service.url}}.php" class="services__box--btn btn btn--blue">{{service.button}}</a>
                </div>
            </div>

理想情况下，我需要获取数组的索引并使用 ng-class。任何人都可以阐明我如何做到这一点吗？谢谢！

ng-class="{}"
4

2 回答 2

2

角度重复范围提供了一个$index属性；因此，您可以data-ng-class="{'grid--last': $index == 3}"假设您的意思是第 4 项是 3，因为索引从 0 开始。

于 2013-06-08T14:53:12.807 回答
2

你可以用 CSS 做到这一点，但 IE8 及更低版本可能存在浏览器兼容性问题（令人震惊）

请在这里

相关代码：

<style>
      li.item {
        background-color:blue;
      }

      li.item:last-child {
       background-color: red;
      }
    </style>
  </head>

  <body ng-controller="testCtl">
    <ul>
      <li class="item" ng-repeat="val in [1, 2, 3, 4]">{{val}}</li>
    </ul>
  </body>
于 2013-06-08T15:26:49.000 回答