0

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

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

4

2 回答 2

1

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

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

你的代码

于 2014-09-30T08:17:54.697 回答
1

我不太了解您想要做什么，但我认为是这样的：当您在颜色选择器中选择某个值时 - 您的span背景颜色设置为该值。你可以看到这个 plunk：

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

我添加了模块和控制器。

于 2014-09-30T08:18:02.783 回答