Angular - ngClass不起作用

时间:2017-06-16 14:36:47

标签: angular ng-class

我有这样的ngClass条件:

<div [ngClass]="{'alert alert-danger': alert.type == 0,'alert alert-success': alert.type == 1}"

如果alert.type == 1,我的班级为alert alert-succes,但如果alert.type = 0我的班级为alert-danger。为什么班alert不在这里?

1 个答案:

答案 0 :(得分:2)

是的,这似乎是一个问题,但不是,请阅读comment for explanation。但是,您可以通过在class属性本身中使用公共类来轻松解决此问题。

<div class="alert" 
  [ngClass]="{'alert-danger': alert.type == 0, 'alert-success': alert.type == 1}"

Demo Plunker