Question

仅当某些值等于0时，我才尝试让div使用类模板。如果该值大于0，则我想使用另一个类。我如何轻松地做到这一点？

 <a (click)="onItemsHeaderPanelClick()"
       [class.proj-style-display-flex.linked-items-label]="linkedItems.length > 0"
       [class.proj-style-display-flex.linked-items-label-disabled]="linkedItems.length == 0">
... </a>

Answer 1

<span [ngClass]="[linkedItems.length ? 'case-yes-class' : 'case-no-class']">content</span>

快乐的编码。

Answer 2

ngClass使用求值表达式：

this.Control.TintColor = s.SwitchOnColor.ToUIColor();

代码说明：

mySuperExpressionOrVariable的classA> 0
mySuperExpressionOrVariable的classB === 0
并且mySuperExpressionOrVariable <0没有类

有多种使用ngClass的方法：

使用字符串语法的ngClass
使用数组语法的ngClass
ngClass使用求值表达式
使用三元运算符的ngClass
ngClass用法选项

Answer 3

使用ngClass指令

<span class="proj-style-display-flex" [ngClass]="{linkedItems.length === 0 ? 'linked-items-label-disabled' : 'linked-items-label'}">content</span>

HTML中的类绑定

3 个答案: