Angular 2材质 - 如何有条件地设置工具栏的颜色

Question

我正在使用一个Angular Material toolbar，它可以有三种颜色：'主要'，'重音'或'警告'。

可以使用颜色 属性更改a的颜色。默认情况下，工具栏使用基于当前主题（浅色或深色）的中性背景色 。这可以更改为“主要”， “重音”或“警告”。

如果存在特定条件，我想将此颜色更改为“警告”。我已经尝试了以下事情：

<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">