angular - 在 ngClass 的条件实现中使用变量

Question

我开发了一个 Angular 2 应用程序，我试图在其中使用 ngClass 应用 CSS 类。我已将类名存储在变量 className 中并尝试应用以下代码:

1. 第一种方式

   [ngClass]={'{{className}}': expression}
   

2. 第二种方式

   [ngClass]= {className: expression}
   

但他们都没有工作。

Answer 1

更新

[ngClass]="expression ? cssClass : null"

或者只是

[ngClass]="cssClass"

Plunker example

原创(仅适用于 Dart)

[ngClass]= {className: expression}

当 expression 返回 true 时会正常工作