角度材质2 工具栏响应式更改颜色

Question

是否可以响应md-toolbar更改颜色？

我用Flex-Layout包Responsive API做了这样的事情：

md-toolbar color.xs="primary"

它没有用。

我想我可以通过观察 ObservableMedia 然后在代码中设置工具栏的颜色来更改它，但我想知道是否有更简单的方法。

谢谢

更新

我已经打开了一个问题，作为一个功能请求，基本上是我上面所说的。他们说没有计划。

Answer 1

当然，但你需要通过一些 css：

@import '~@angular/material/theming';
@import 'src/assets/css/theming.scss';
.primary { background: mat-color($primary); }
.accent { background: mat-color($accent); }
.warn { background: mat-color($warn); }

(假设您的主题文件放置正确并且您使用了正确的变量名称(

现在在您的工具栏中：

<md-toolbar ngClass.xs="primary" ngClass.md="accent"></md-toolbar>