Angular - ngClass 不起作用

Question

我有这样的 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 的班级不在这里？

Answer 1

是的，这似乎是一个问题，但事实并非如此，请阅读comment for explanation。但是您可以通过在class 属性本身中取出公共类来轻松解决问题。

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

Demo Plunker