Cuando trato de diseñar mis md-chips con el atributo de color, no sucede nada. Según la guía https://material.angular.io/components/component/chips esto tiene que funcionar. Todos mis otros elementos de estilo sin problemas.
<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>
Sabe alguien cómo arreglar esto?
¡Gracias por adelantado!
De acuerdo con el ejemplo de plunkr , las fichas solo se colorean cuando el atributo selected
se establece en true
:
<md-chip color="accent" selected="true">Chicken</md-chip>
Puede configurar el color del chip md dinámicamente usando ngStyle
<md-chip-list> <md-chip *ngFor="let item of itemList" [ngStyle]="{ backgroundColor: item.color }"> {{ item.name }} </md-chip> </md-chip-list>
En este momento (24 de septiembre de 2017), esto no funciona. Incluso en el ejemplo en los documentos no funciona
Me vi obligado a usar una propiedad CSS:
<md-chip color="primary" [selected]="true" style="background-color: #986f37">Content here</md-chip>