-
スタイルバインディングを使用する方法: Angularのスタイルバインディング機能を使用すると、コンポーネントのテンプレート内でインラインスタイルを指定することができます。以下はその例です。
<div [style.background-color]="'red'">赤い背景色</div>上記の例では、
[style.background-color]というバインディング式を使用して、div要素の背景色を赤に設定しています。 -
ngStyleディレクティブを使用する方法: AngularのngStyleディレクティブを使用すると、動的にスタイルを設定することができます。以下はその例です。
<div [ngStyle]="{ 'font-size.px': fontSize, 'color': textColor }">テキストのスタイル</div>上記の例では、
[ngStyle]ディレクティブを使用して、fontSizeとtextColorというコンポーネントのプロパティからスタイルを取得しています。