角度材质2工具栏会相应地改变颜色

Question

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

我使用Flex-Layout软件包响应式API做了类似的事情：

md-toolbar color.xs="primary"

它没有用。

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

由于

更新

我作为功能请求打开了一个问题，基本上按照我上面所说的做了。他们已经说no plans。

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>