つぎの構文で、加えるクラスと条件を定めます。クラスは条件がtrueと評価されるときのみ割り当てられるのです。[class.クラス名]="条件">データ表示のコンポーネント(heroines.component)のテンプレートには以下のように書き加え、選択項目のプロパティ(selectedHeroine)にオブジェクト(heroine)が一致する項目のスタイル(selected)をクラスバィンディングします。これで、クリックして選んだリスト項目のスタイルが変わります(図003)。{{heroine.name}}</li>手直ししたデータ表示のコンポーネント(heroines.component)のTypeScriptコードとテンプレートは、つぎのコード003にまとめました。併せて、StackBlitzに「angular-6-example-tour-of-heroines-03」としてアップロードしましたので、ファイルごとのコードの中身はこちらでお確かめください。