如何将调色板中的颜色应用于角度4中的元素

Question

我有一个调色板，用户将从中选择特定的颜色，并且该颜色应应用于某些元素。 预先感谢。

Answer 1

您可以使用devextreme调色板。

npm install devextreme  
npm install devextreme-angular

然后在要使用调色板的任何地方使用以下代码。

<dx-color-box
     [(value)]="color"
     [editAlphaChannel]="true">
</dx-color-box>

然后将颜色应用于元素：

 <div [ngStyle]="{'color': color}">

 </div>

Answer 2

只需要一个拾色器就不需要安装整个devextreme模块。 您只需要使用HTML输入标签即可。

<input type="color" [(ngModel)]="inputColor" name="inputColor">

然后使用

<div [ngStyle]="{'color': inputColor}">
Your Element
</div>

Answer 3

在您component.html中使用ngStyle

<h1 [ngStyle]="{'color':yourColorVariable}">
You picked {{ yourColorVariable }}!
</h1>