我正在使用Angular Material toolbar,它可以有三种颜色:'主要','重音'或'警告&#39 ;
可以使用颜色更改a的颜色 属性。默认情况下,工具栏使用基于的中性背景颜色 当前的主题(光明或黑暗)。这可以更改为' primary', '重音',或'警告'。
我想将此颜色更改为"警告"如果存在特定条件。我已经尝试了以下事项:
<md-toolbar color="warn">
正确显示警告颜色。
<md-toolbar color="{{true ? 'warn' : null}}">
显示工具栏,就好像没有设置颜色一样
<md-toolbar [attr.color]="true ? 'warn' : null">
显示工具栏,就好像没有设置颜色一样
我该怎么设置这个?
答案 0 :(得分:20)
您必须使用属性绑定:
<md-toolbar [color]="true ? 'warn' : null">