根据ng-model值设置css内联属性

Question

我想知道是否有可能做这样的事情;

 <input type="text" ng-model="color">


 <p style="color: {{ color }}">something goes here</p>

因此，只要在输入中放入新值，文本就会更改其颜色。

最诚挚的问候。

Answer 1

使用ng-style代替

<input type="button" value="set color" ng-click="myStyle={color:'red'}">
<input type="button" value="set background" ng-click="myStyle={'background-color':'blue'}">
<input type="button" value="clear" ng-click="myStyle={}">
<br/>
<span ng-style="myStyle">Sample Text</span>
<pre>myStyle={{myStyle}}</pre>