javascript - ngClass - 创建一个包含 Angular 表达式的类名

Question

我想根据对 Angular 表达式的求值创建类名，但似乎 Angular 正在从最终编译的类中删除这些表达式。遍历单元格时，假定以下代码:

<td ng-class="{'label{{cell.count}}': !!cell.count}"></td>

我的目标是，当 cell.count = 1 时，结果类将是“label1”，当 cell.count = 2 时，结果类将是“label2”，等等。实际上，angular 会丢弃最终类中的表达式 - 只要 !!cell.count，无论计数如何，我都会得到类“标签”。我怎样才能做到这一点？

Answer 1

试试这个:

<td ng-class="{'label'+cell.count: !!cell.count}"></td>

如果它变得太复杂，您还可以将整个对象移出到作用域中的一个函数中。

<td ng-class="getCellClass()"></td>

然后:

$scope.getCellClass = function() { ... }

您的问题是 {{...}} 替换在这里不合适。您必须使用 Angular 表达式来创建对象，或者如果您在作用域上调用方法，则可以执行创建它所需的任何 javascript。