2016-08-28 8 views
15

バックエンドシステムから取得した値に基づいて条件付きでdivをdivに割り当てようとしています。クラスを条件付きでAngular2に割り当てます。

statusの変数status1status2を持つ可能性のあるオブジェクト'A'があるとします。

私は2つのクラス(class1class2)を状態2に割り当てようとしています。使用している状態は次のとおりです。

<div ng-class="{status1 : 'class1', status2 : 'class2'}[A.status]"> 
    ... 
</div> 
+0

http://www.angulartutorial.net/2017/04/add-class-to-active-element-angular-2.html – Prashobh

答えて

40

あなたは

<div [ngClass]="{'active': isActive, 'disabled': isDisabled}"> 

ほぼ同じ構文と角度1.ちょうど角括弧

+0

それがうまくいった!ありがとう@ eltonkamami。 フォローアップの質問として、Angular 2のような特定の構文について読むことができる場所はありますか? –

+0

@RamanaSarva https://angular.io/cheatsheetこれは多くのng2構文をカバーする公式の角2のチートシートです – eltonkamami

+0

この場合のクラス名は一重括弧で囲む必要があります。私は答えを更新します。 – Loolooii

2

角度2を追加[ngClass]ディレクティブにあなたのオブジェクトをバインドすることができ、このための作業の代替を提案して下さい条件付きのクラスを追加するための何らかの方法を提供すると、このリンクは役に立ちます。

Angular 2 conditional class with *ngClass

関連する問題