Angular 2 Material md-chips 颜色属性不起作用

标签 angular colors md-chip

当我尝试使用颜色属性设置我的 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>

结果:enter image description here

有人知道如何解决这个问题吗?

提前致谢!

最佳答案

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

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

关于Angular 2 Material md-chips 颜色属性不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43363062/

相关文章:

css - 将 Angular 中的标题大写

angular - 如何避免 Angular 5 中多个组件中的代码重复?

angular - 在 *ngIf 中使用 “OR”

Python matplotlib 每第 N 条不同的颜色

html - 不同操作系统版本的网站颜色变化

python - 根据第三列中的值,二维图上的点具有不同的颜色

html - 如何让md-chips水平溢出?

javascript - 如何在 Angular 2 中使用 document.write

angularjs - 垂直堆叠 md-chips AngularJS

angularjs - Angular $validators 未触发或行为不当