javascript - 如何评估 ng-Class 指令中的作用域对象?

标签 javascript html angularjs

我有一个按钮,单击该按钮时,会递增到数组中的下一个索引项。当我到达数组中的最后一项时,我想向名为“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 示例,请注意我没有包含数组

https://jsfiddle.net/e16v9avj/

关于javascript - 如何评估 ng-Class 指令中的作用域对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38649402/

相关文章:

jquery - fadeIn() 先显示后淡出

javascript - 使用 AngularJS require 选项调用另一个指令

javascript - Angular.js 动态构造指令的 templateURL

php - 如何从字符串输出中删除回车符?

html - 使背景图像位于 div 之外

c++ - C++ 控制台应用程序的 Web GUI?

javascript - 如何在 React 中动态创建新的全局 css 类?

javascript - 在 AngularJS ng 类中链接多个表达式

AngularJS Factory.XXX 不是一个函数

angularjs - Angular 带时间选择器节省不同的时间