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

Question

我正在使用Angular Material工具栏,它可以有三种颜色:'primary','accent'或'warn'.

可以使用color属性更改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">