具有复杂表达式的 ng-class

【问题标题】：ng-class with a complex expression具有复杂表达式的 ng-class
【发布时间】：2016-02-15 03:20:42
【问题描述】：

我有这个代码：

<button class="btn"
   ng-class="{btn-success: (qus.q.questionNumber == (qus.qs.length - 1))}"
   ng-disabled="qus.q.questionNumber == (qus.qs.length - 1)">

当我查看 Chrome 开发人员工具时，我看到 disabled=disabled 但未设置 btn-success 的类。

ng-class 不能处理这样的表达式吗？

【问题讨论】：

标签： angularjs

【解决方案1】：

你需要在表达式中正确引用btn-successtoken，否则（因为-）整个表达式无效：

ng-class="{'btn-success': (qus.q.questionNumber == (qus.qs.length - 1))}"

请注意，与普通 javascript 一样，Angular 表达式中的对象键必须是有效标识符（字母数字、_ 或 $），否则用引号括起来（字符串键可以包含任何内容）。

【讨论】：