Angular 2 用 ngClass 做一个 else
Angular 2 Doing an else with ngClass
我有以下模板：
<p [ngClass]="{checked: condition, unchecked: !condition}">
虽然这行得通，但我发现它有点难看，因为我必须重复两次该条件。有没有办法像这样：[ngClass]={condition ? checked : unchecked}（不起作用）
谢谢
确实
<p class="{{condition ? 'checked' : 'unchecked'}}">
或
<p [ngClass]="condition ? 'checked' : 'unchecked'">
或
<p [ngClass]="[condition ? 'checked' : 'unchecked']">
Angular 9 次更新
但您应该知道，不同类型的 class 绑定的行为方式有所不同，尤其是当同一元素上有多种类型的 class 绑定时。
新的编译器 Ivy 为其带来了更多的清晰度和可预测性。 Read More about it here
我有以下模板：
<p [ngClass]="{checked: condition, unchecked: !condition}">
虽然这行得通，但我发现它有点难看，因为我必须重复两次该条件。有没有办法像这样：[ngClass]={condition ? checked : unchecked}（不起作用）
谢谢
确实
<p class="{{condition ? 'checked' : 'unchecked'}}">
或
<p [ngClass]="condition ? 'checked' : 'unchecked'">
或
<p [ngClass]="[condition ? 'checked' : 'unchecked']">
Angular 9 次更新
但您应该知道，不同类型的 class 绑定的行为方式有所不同，尤其是当同一元素上有多种类型的 class 绑定时。
新的编译器 Ivy 为其带来了更多的清晰度和可预测性。 Read More about it here