Question

我试图将以下代码段中的myStyle更改为{color：'red';边框：1px坚固红色}但没有运气。知道为什么吗？

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

Answer 1

您的myStyle对象有点偏差。将;替换为,，并将' '置于该属性的值附近。

而不是

{color:'red'; border:1px solid red}

使用此功能（在您的ng-click中）

{color:'red', border:'1px solid red'}

Plunker example

Answer 2

在 myStyle 中，您应该放置有效的js对象，如

myStyle={ color:'red', borderWidth: '1px', borderColor: 'red', borderStyle: 'solid' }

参见工作示例： http://jsfiddle.net/tabalinas/L6yn3/

Answer 3

你的ng风格的语法有点偏。 Css应该用逗号分隔，并且css值都应该用单引号括起来。

像{color:'red', border:'1px solid red'}

一样

Angular ng-style问题

3 个答案: