角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のクラスを達成するために、NG-クラスを使用することができます= "{ 'クラス名 '：ORDERBY ===' ASC'、 「クラス名 '：ORDERBY ===' DESC '} "