2016-07-05 33 views
11

我有以下模板:Angular2做一个别人用ngClass

​​

虽然这是工作,我觉得有点难看,因为我要重复两次的条件。有没有一种办法是这样的:[ngClass]={condition ? checked : unchecked}(没有工作)

感谢

回答

32

事实上

<p class="{{condition ? 'checked' : 'unchecked'}}"> 

<p [ngClass]="condition ? 'checked' : 'unchecked'"> 

<p [ngClass]="[condition ? 'checked' : 'unchecked']"> 
+0

它的工作原理,但我很困惑,是ngCla ss无用呢? – Scipion

+2

'[ngClass] =“condition?'checked':'unchecked'”'应该也可以。 –

+0

@Scipion NO。你只需要找到合适的情况来使用它,查看[this](http://stackoverflow.com/questions/30283771/ng-class-in-angular2/36199294#36199294)所有可能的情况。 –