Angular 2 ng-if失敗

Question

嘗試為具有ng-if條件的元素動態應用CSS樣式。 如果條件為真，則工作正常。 即使條件失敗，我有什么方法可以修改元素。 我知道我可以找到該元素（通過getElementsByClassName）並進行修改，但是除此以外還有其他更好的解決方案嗎？

例如：

<span *ngIf="orderBy=='asc'" [ngStyle]="{'height': value+ '%'}"></span>                              
    <span *ngIf="orderBy=='desc'" [ngStyle]="{'height': value+ '%'}"></span>

Answer 1

您可以為此使用ngClass。 根據條件值添加類。

[ngClass]="{orderBy=='asc'? 'someclass': 'otherclass'}"

您可以為每個類編寫不同的樣式。

Answer 2

您可以使用ng-class實現此目的

ng-class =“ {' classname '：orderBy ==='asc'，' classname '：orderBy ==='desc'}”