AngularJS ng-class不能使用$ index在ng-repeat中工作

时间:2015-07-23 14:32:31

标签: javascript angularjs

我有一个使用ng-repeat创建的列表,除了在条件下添加ng-class之外,它适用于所有内容。

<div ng-repeat="glossary in glossarySections"
     class="alphabet"
     ng-click="glossaryGoToSection($index)"
     ng-class="{'selected',$index == $parent.glossarySection}">
    {{glossary.name}}
</div>

ng-click有效,它按我期望的方式创建DOM,但它没有为当前显示的字母添加“selected”类。

这种语法中是否有我遗漏的东西?

2 个答案:

答案 0 :(得分:1)

语法错误:将,替换为:

修改为ng-class="{'selected': $index == $parent.glossarySection}">

答案 1 :(得分:1)

ngClass收到一个哈希对象:class: condition

所以你应该使用冒号进行键/条件分离:

ng-class="{selected: $index==$parent.glossarySection}"