我有一段代码,它是如何使用 Angular-ui-tree 的基本示例:
<div ui-tree>
<ol ui-tree-nodes="" ng-model="list">
<li ng-repeat="item in list" ui-tree-node>
<div ui-tree-handle>
{{item.title}}
</div>
<ol ui-tree-nodes="" ng-model="item.items">
<li ng-repeat="subItem in item.items" ui-tree-node>
<div ui-tree-handle>
{{subItem.title}}
</div>
</li>
</ol>
</li>
</ol>
</div>
现在,如果我有一个 {{item}},有没有办法在循环中获取该项目的迭代?例如,我想得到一个条件,如果该项目的当前循环迭代是奇数或偶数,我可以更改树的某个节点的样式,就像说我有一个基于替代的蓝色和红色项目在其迭代中,如果它是奇数或偶数。
最佳答案
您可以在您的ng-repeat循环中使用$index,它将为您提供交互数-
ng-class="{ even : $index%2 == 0, odd : $index%2 != 0 }"
CSS
.even {
color: blue;
}
.odd {
color: red;
}
最终代码
<div ui-tree>
<ol ui-tree-nodes="" ng-model="list">
<li ng-repeat="item in list" ui-tree-node>
<div ui-tree-handle>
{{item.title}}
</div>
<ol ui-tree-nodes="" ng-model="item.items">
<li ng-repeat="subItem in item.items" ui-tree-node>
<div ui-tree-handle ng-class="{ even : $index%2 == 0, odd : $index%2 != 0 }">
{{subItem.title}}
</div>
</li>
</ol>
</li>
</ol>
</div>
关于javascript - 如何获取 Angular ui 树中某个项目的键值或迭代?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35982444/