Angular2用ngClass做其他事情

Question

我有以下模板:

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

虽然这是有效的,但我发现它有点难看,因为我必须重复两次条件.有没有办法像:( [ngClass]={condition ? checked : unchecked}这是行不通的)

谢谢

Answer 1

确实

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

要么

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

要么

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