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

彼得

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

结果:在此处输入图片说明

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

提前致谢!

里龙

根据plunkr示例,仅当selected属性设置为时才对芯片进行着色true

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

md-grid-tile(Angular Material)中的文本对齐不起作用

如何在Angular Material中更改md图标的颜色?

在md-menu-item上单击Angular2 Material Design的绑定值

Angular2 Material2 <md-spinner>未显示但正在运行

Angular Material 2 Md-ToolTip有条件显示

如何在Angular Material-Angular 2中使用md-sidenav创建右侧Navbar

如何在Angular Material 2中使用<md-error>?

Angular Material2 md-复选框边框颜色

Angular Material 2-在单元测试的md-复选框中触发更改事件

Angular Material 2中的md-table

Angular Material 2:如何设置md-grid-tile的样式?

更改Angular Material的md-slider的默认背景颜色

Angular-Material2:将文本和md-icon垂直对齐以匹配垂直样式?

如何在Angular Material 2的md-table中创建子表?

Angular Material Datepicker对我不起作用

Angular 2中的Angular Material Theme导入在Webstorm中不起作用

Angular Material 2中的md表不起作用

Angular Material 2 md-input-container不起作用

md-cell内的Angular Material 2内联按钮如何

Angular Material获取最新版本| md-chips:只读,可移动

在 Angular 2 Material 中创建 md-card 作为链接

Angular 2 md-工具提示不起作用

更改“md-menu”的 Angular 2/4 Material 默认样式

Angular 4 Material 2 - 如何使用 MD-Gridlist 将标签从垂直更改为水平?

Angular 2 Conditional 属性不起作用

angular-material2 md-paginator pageIndex of pageEvent 没有意义?

Angular2 Material 涟漪效应不起作用

Material2 - 同一页面上的两个动态 md-table,不起作用

Angular Material 2 如何在 mouseleave 上关闭 md-menu