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']">