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

可以使用納克級來實現這一

納克級=「{ '類名 '：排序依據===' ASC'， 」類名 '：排序依據===' 降序'}「