Angular Material2工具欄響應式地改變顏色

Question

是否可以響應地更改md-toolbar顏色？

我做了這樣的事情與Flex的佈局包響應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>