角2材质md-芯片颜色属性不起作用

Question

当我尝试用颜色属性来设计我的md芯片时，什么都不会发生。根据指南https://material.angular.io/components/component/chips，这必须起作用。我所有其他元素的风格都没有问题。

<md-chip-list>
    <md-chip color="primary"> Chicken </md-chip>
    <md-chip color="warn"> Table </md-chip>
    <md-chip color="accent"> Tree </md-chip>
    <md-chip> Eight </md-chip>
</md-chip-list>

结果：

​

有人知道怎么解决这个问题吗？

提前感谢！

Answer 1

根据柱塞实例，只有当selected属性设置为true时，芯片才会着色：

<md-chip color="accent" selected="true">Chicken</md-chip>

Answer 2

您可以使用ngStyle动态设置md-chip颜色。

<md-chip-list>
 <md-chip *ngFor="let item of itemList" [ngStyle]="{ backgroundColor: item.color }">
{{ item.name }}
</md-chip>
</md-chip-list>

Answer 3

现在(2017年9月24日)，这是行不通的。即使在文档中的示例中，

​

​

我被迫使用CSS属性：

<md-chip color="primary" [selected]="true" style="background-color: #986f37">Content here</md-chip>