javascript - 如何使用 ng-repeat 增加类名?

标签 javascript html css angularjs angularjs-ng-repeat

我设置了一个 ng-repeat 来从 JSON 文件中推出一堆元素,但是我希望每个元素都有一个增量类名称 .item-1、.item-2、.item-3。

<div ng-controller="itemCtrl">
  <div class="item" ng-repeat="item in items">
    <span class="item-{{ item.length }}"></span>
  </div>
</div>

我想将数字添加到 class="item-{{ item.length}}" 但我似乎无法正常工作。

最佳答案

不知道这样生成动态类名有什么好处。一个类应该是指一类相似的对象

$index还是可以的:

<div ng-controller="itemCtrl">
  <div class="item" ng-repeat="item in items">
    <span class="item-{{ $index }}"></span>
  </div>
</div>

https://docs.angularjs.org/api/ng/directive/ngRepeat

关于javascript - 如何使用 ng-repeat 增加类名?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23308743/

相关文章:

javascript - SEO和抓取: UI-Router ui-sref VS ng-click

html - Bootstrap 3 - HTML 表格和包装 div 之间的 1px 右间隙

jquery - iPad 粘滞菜单无法正常工作

javascript - 将不同的颜色应用于动态生成的 HTML 表格行

javascript - 将 If else 条件添加到点击功能

html - 我怎样才能使突出显示的下拉菜单具有透明背景

html - 如何防止按TAB后DIV滑动

jquery - FullCalendar 上带有设计的工具提示

javascript - 编写单元测试用例时箭头函数和普通函数有什么区别?

javascript - 从变量加载模型