我有一个按钮,单击该按钮时,会递增到数组中的下一个索引项。当我到达数组中的最后一项时,我想向名为“endButton”的按钮标记添加一个类。
我打算计算表达式的方式仅涉及 html 代码,我认为最好使用 ng-class 指令。我想计算一个表达式,当该表达式为 true 时,添加“endButton”类。
我尝试过以下语法:
<button type="button" class="right-btn col-xs-6" role="menuitem" ng-click="clickNext()" ng-class="{'endButton' : scope.myArray.Index === 10}">Next</button>
这会将范围对象作为字符串值返回,因此它不起作用。我在 myArray.Index
周围添加了双大括号,但它也会生成一个字符串。
知道如何在 ng-class
指令中评估作用域对象吗?
最佳答案
ng-directive 的任何表达式都已经在作用域变量的上下文中,您不需要引用它。我不确定 $scope.myArray.Index 是什么,但我猜它是您要达到的索引,所以您应该能够将其更改为 myArray.Index == 10
<button type="button" class="right-btn col-xs-6" role="menuitem" ng-click="clickNext()" ng-class="{'endButton' : index === 10}">Next</button>
这是一个 jsfiddle 示例,请注意我没有包含数组
关于javascript - 如何评估 ng-Class 指令中的作用域对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38649402/