Angular 2 Material md-chips 颜色属性无效

Question

当我尝试使用颜色属性设置我的 md-chips 样式时，没有任何反应。根据指南 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

根据 plunkr example，只有当 selected 属性设置为 true 时，芯片才会着色：

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

Answer 2

现在（2017 年 9 月 24 日），这不起作用。即使在文档中的示例中也不起作用

我被迫使用 CSS 属性:

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

Answer 3

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

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

Angular 2 Material md-chips 颜色属性无效

Angular 2 Material md-chips color attribute not working

angular

colors

md-chip