2016-07-05 34 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)所有可能的情況。 –