AngularでのタグへのCSSスタイルのバインド

HTML要素に対しても、特定のスタイルセットを設定できます。これは ngStyleディレクティブを使用して行います。このディレクティブには、CSSプロパティとその値を含むオブジェクトを渡す必要があります。

試してみましょう:

app/app.component.html<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
  text
</div>

Задание 1

次のオブジェクトがあります:

app/app.component.tsexport class AppComponent {
  public obj = {
    color: red,
    fontSize: '30px',
    fontWeight: 'bold'
  }
}

このオブジェクトを使用していくつかのタグをスタイリングしてください。