AngularでのタグへのCSSスタイルのバインド
HTML要素に対しても、特定のスタイルセットを設定できます。これは
ngStyleディレクティブを使用して行います。この
ディレクティブには、CSSプロパティとその値を含むオブジェクトを
渡す必要があります。
試してみましょう:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
次のオブジェクトがあります:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
このオブジェクトを使用していくつかのタグをスタイリングしてください。
