Angular 4 Couleur personnalisée pour le composant

Question

Est-il possible d'ajouter une couleur personnalisée (HEX) au composant de matériau dans Angular 4? Par exemple quelque chose comme ceci:

<div *ngFor="let factor of factors"> 
    <button md-button color="factor.color">Button</button> 
</div> 

Où factor.color est une chaîne dans l'attribut format hexadécimal (par exemple « de #ccc »)

Answer 1

Vous pouvez utiliser [de style.color] et quelques messages utiles sur la conversion code hexa RVB:

DEMO

HTML:

<button mat-button [style.color]="hexToRgb(factor.color)">Click me</button> 

Tapuscrit:

.... 

hexToRgb(hex) { 
    hex = hex.replace("#",''); 
    let arrBuff = new ArrayBuffer(4); 
    let vw = new DataView(arrBuff); 
    vw.setUint32(0,parseInt(hex, 16),false); 
    let arrByte = new Uint8Array(arrBuff); 

    return 'rgb(' + arrByte[1] + "," + arrByte[2] + "," + arrByte[3] +')'; 
}