web-dev-qa-db-ja.com

Angular2で条件付きでクラスを割り当てる

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

オブジェクト'A'があり、変数statusに値status1およびstatus2がある可能性があるとします。

Angular 2を使用して、状況に応じて2つのクラス(class1およびclass2)を条件付きで割り当てようとしています。使用している条件は次のとおりです。これの実用的な代替手段、

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

オブジェクトを[ngClass]ディレクティブにバインドできます

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

angular 1.とほぼ同じ構文。角括弧を追加するだけです

46
eltonkamami

Angular 2は、条件付きのクラスを追加する方法を提供します。このリンクは役に立ちます

* ngClassのAngular 2条件付きクラス

2