ng-class不上课

时间:2014-04-10 08:02:12

标签: angularjs ng-class

我有像这样的ng-class

ng-class="{'alert alert-success': response.submitSuccess , 'alert alert-danger': !response.submitSuccess  }"

问题是,假设“response.submitSuccess”返回true,只添加alert-success类而不是alert类。

1 个答案:

答案 0 :(得分:2)

alert类永久化是不是更有意义? (修辞问题)

你可以这样做:

class="alert" ng-class="{'alert-success': response.submitSuccess , 'alert-danger': !response.submitSuccess}"

这就是行为的原因(它删除了先前由alert条件设置的!response.submitSuccess类,因为它之前是假的:)

  

当表达式发生变化时,先前添加的类将被删除,然后才会添加新类。

来自:http://docs.angularjs.org/api/ng/directive/ngClass