角2の素材 - 条件付きでツールバーの色を設定する方法

Question

私はAngular Material toolbarと一緒に作業していますが、 'primary'、 'accent'、 'warn'の3種類の色を設定できます。

色は というプロパティを使用して変更できます。既定では、ツールバーは現在のテーマ（明るいまたは暗い）に基づいてニュートラルな背景色を使用します（ ）。これは、 'プライマリ'、 'アクセント'、または '警告'に変更できます。

特定の条件が存在する場合、この色を「警告」に変更します。私はすでに次のことを試しました：

<md-toolbar color="warn"> 

警告の色が正しく表示されます。何色が

を設定されていないかのように

<md-toolbar color="{{true ? 'warn' : null}}"> 

は色が

<md-toolbar [attr.color]="true ? 'warn' : null"> 

を設定されていないかのようにツールバーを表示し、ツールバーを表示しますどのように私はこれを設定することが出来るのですか？

Answer 1

あなたが結合属性を使用する必要があります。

<md-toolbar [color]="true ? 'warn' : null"> 

を