web-dev-qa-db-ja.com

Angular2 ngClassでelseを行う

私は次のテンプレートを持っています:

<p [ngClass]="{checked: condition, unchecked: !condition}">

これが機能している間、条件を2回繰り返す必要があるため、少しいです。次のような方法があります:[ngClass]={condition ? checked : unchecked}(機能していません)

ありがとう

26
Scipion

確かに

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

または

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

または

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