angularjs - 具有多个值的范围的 ng-class

Question

我想根据范围的值添加一个类。它不工作:(

如果value.statut == 3，我想添加类todo

否则如果the value.statut == 2，我想添加类done

否则如果the value.statut == 1，我想添加类doing

  <span class="label" ng-class="value.statut == 3 ? 'todo' : ''; value.statut == 2 ? 'done' : ''; value.statut == 1 ? 'doing' : '';">Label</span>

Answer 1

声明需要稍有不同：

<span class="label" ng-class="{'todo': value.statut == 3, 'done': value.statut == 2, 'doing': value.statut == 1}">Label</span>

所以，语法是：

ng-class="{<className>: <predicate>, <className2>: <predicate2>, etc }"

Answer 2

尝试这个 ：

<span class="label" ng-class="{'todo': (value.statut == 3), 'done': (value.statut == 2), 'doing': (value.statut == 1)}">Label</span>

ng-class需要一个带有键/值的对象。键是类名，值是布尔值。

---

参考

https://docs.angularjs.org/api/ng/directive/ngClass