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

时间:2014-05-09 11:15:16

标签: angularjs angularjs-scope ng-class

我想根据范围的值添加一个类。 这不起作用:(

如果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>

2 个答案:

答案 0 :(得分:2)

声明需要略有不同:

<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 }"

答案 1 :(得分: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