无法使用角度js中的下拉菜单更改颜色

Question

这里是plunker我工作on.now问题是我能够改变颜色exampple 1，但无法改变颜色示例2所示。
提前致谢。

Answer 1

这实际上是一个简单的修复，让myStyle更像是myColor类型的声明，而在ng-style有你的{{'color':myColor}}表达式：

<select ng-model="myColor">
    <option value="">none</option>
    <option value="red">Red</option>
    <option value="green">Green</option>
</select>

<div ng-style="{'color':myColor}">
    <p>Text to change color</p>
</div>

这是一个jsFiddle示例

---

说明：

select选项中的值不是angular指令所以myStyle被设置为字面意思是“{color：'red'}”而不是Angular正在寻找的Javascript对象{"color":"red"}并且可以用ng-style解析。

由于“{color：'red'}”的字面值看起来像对象，因此您不会注意到Chrome AngularJS扩展程序batarang的差异。 但是如果你运行console.log()你会看到差异。