Question

我想将颜色选择器运行时值应用为span文本的背景颜色。如何将模型用作颜色值？

HTML：

<body ng-app="">
   <input type="button" value="set color" ng-click="myStyle={color:'red'}">
   <input type="button" value="clear" ng-click="myStyle={}">
   <input type="text" name="abc" class="color" ng-model="abc" ng-change="myStyle={color:'green'}">
   <br/>
   <span ng-style="myStyle">Sample Text</span>
   <pre>myStyle={{myStyle}}</pre>
</body>

Plunker：http://plnkr.co/edit/APrl9Y98Em0d6rxuzRDE?p=preview

Answer 1

您只需使用输入的ng-model。

<input type="text" name="abc" class="color" ng-model="color" ng-change="myStyle={'background-color':'#'+color}">

your plunker with the code

Answer 2

我不太了解你想做什么，但我认为这样的事情：当您在颜色选择器中选择一些值时 - 您的span背景颜色将设置为该值。你可以看到这个插件：

演示：http://plnkr.co/edit/2QWZy5zwdmpND7vyEF03?p=preview

我添加了模块和控制器。

角度js应用颜色选择器值

2 个答案:

演示：http://plnkr.co/edit/2QWZy5zwdmpND7vyEF03?p=preview