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

Question

我正在使用 Angular Material toolbar它可以有三种类型的颜色:'primary'、'accent' 或 'warn'。

The color of a can be changed by using the color property. By default, toolbars use a neutral background color based on the current theme (light or dark). This can be changed to 'primary', 'accent', or 'warn'.

如果存在特定情况，我想将此颜色更改为“警告”。我已经尝试过以下操作:

<md-toolbar color="warn">

正确显示警告颜色。

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

显示工具栏，就好像没有设置颜色一样

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

显示工具栏，就好像没有设置颜色一样

我应该如何设置它？

Answer 1

你必须使用属性绑定(bind):

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