バックエンドシステムから取得した値に基づいて、条件付きでクラスをdivに割り当てようとしています。
オブジェクト'A'
があり、変数status
に値status1
およびstatus2
がある可能性があるとします。
Angular 2を使用して、状況に応じて2つのクラス(class1
およびclass2
)を条件付きで割り当てようとしています。使用している条件は次のとおりです。これの実用的な代替手段、
<div ng-class="{status1 : 'class1', status2 : 'class2'}[A.status]">
...
</div>
オブジェクトを[ngClass]
ディレクティブにバインドできます
<div [ngClass]="{'active': isActive, 'disabled': isDisabled}">
angular 1.とほぼ同じ構文。角括弧を追加するだけです
Angular 2は、条件付きのクラスを追加する方法を提供します。このリンクは役に立ちます