如何使用Angular 2+改变dinycycally <select>标签的背景颜色?

时间:2018-02-22 19:02:56

标签: html angular typescript

我一直在使用ngStyle格式化选择标记的背景时遇到问题。 HTML代码如下所示: &lt; select class =&#34; form-control colores&#34; [ngStyle] =&#34; selectedStyle&#34;&gt;     &lt; option [value] =&#34; i&#34; * ngFor =&#34;让我的颜色&#34; (点击)=&#34; changeColor(I)&#34; [ngStyle] =&#34; {backgroundColor:setColor(i)}&#34;&gt;&lt; / option&gt; &LT; /选择&GT; 打字稿代码如下: selectedStyle =&#39; orange&#39 ;; setColor(color){    返回颜色; } changeColor(彩色){    this.selectedStyle = color; } 选项确实正确分配了背景颜色。但是,似乎changeColor(i)没有被执行,因为我有{{selectedStyle}}并且当我选择不同的时候它不会改变。有人看到了这个问题吗?

1 个答案:

答案 0 :(得分:0)

试试这个:

[ngStyle]="{'background-color':selectedStyle}"