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

时间:2017-03-01 13:08:15

标签: angular angular-material

我正在使用Angular Material toolbar,它可以有三种颜色:'主要','重音'或'警告&#39 ;

  

可以使用颜色更改a的颜色   属性。默认情况下,工具栏使用基于的中性背景颜色   当前的主题(光明或黑暗)。这可以更改为' primary',   '重音',或'警告'。

我想将此颜色更改为"警告"如果存在特定条件。我已经尝试了以下事项:

<md-toolbar color="warn">

正确显示警告颜色。

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

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

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

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

我该怎么设置这个?

1 个答案:

答案 0 :(得分:20)

您必须使用属性绑定:

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