コードでdivの背景色を変更する

Question

コード内のdivの色をイオンを使って動的に変更するにはどうすればいいですか？

Answer 1

1つのスタイルの場合は、のプロパティバインディングを使用できます。

<div [style.background-color]="aColor"></div> 

あなたが動的に複数のスタイルを設定する必要がある場合詳細はngStyleドキュメントをご覧ください：

ビューで

public aColor: string = "#ccc"; 

そして：あなたのコンポーネントで

<some-element [ngStyle]="{'font-style': styleExp}">...</some-element>  
<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>  
<some-element [ngStyle]="objExp">...</some-element> 

を