Thinbug
News
如何使用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}"
相关问题
如何在select标签中实现背景色?
如何使用javascript更改背景颜色2?
如何更改select-tag的背景颜色?
如何使用Angular
无法在角度2中设置带有绑定背景颜色的select-tag的当前项目
如何使用Angular 4从当前选定的选项中设置选择的背景颜色
如何在离子2中设置div的背景颜色?
如何使用Angular 2+改变dinycycally <select>标签的背景颜色?
如何在角度2的选择标签中显示颜色框?
最新问题
我写了这段代码,但我无法理解我的错误
我无法从一个代码实例的列表中删除 None 值,但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场?
是否有可能使 loadstring 不可能等于打印?卢阿
java中的random.expovariate()
Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
为什么我的 Onclick 箭头功能在 React 中不起作用?
在此代码中是否有使用“this”的替代方法?
在 SQL Server 和 PostgreSQL 上查询,我如何从第一个表获得第二个表的可视化
每千个数字得到
更新了城市边界 KML 文件的来源?