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

Jay*_*der 4 angular2-template angular2-components angular

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

  1. 第一种方式

    [ngClass]={'{{className}}': expression}
    
    Run Code Online (Sandbox Code Playgroud)
  2. 第二种方式

    [ngClass]= {className: expression}
    
    Run Code Online (Sandbox Code Playgroud)

但他们都没有奏效.

Gün*_*uer 6

更新

[ngClass]="expression ? cssClass : null"
Run Code Online (Sandbox Code Playgroud)

要不就

[ngClass]="cssClass"
Run Code Online (Sandbox Code Playgroud)

Plunker的例子

原版(仅适用于Dart)

[ngClass]= {className: expression}
Run Code Online (Sandbox Code Playgroud)

expression返回时会正常工作true

  • [ngClass] ="表达式?cssClass:null"对我有用! (2认同)