Angularjs 角型问题

我试图将以下代码片段中的myStyle更改为{color:'red'；border:1px solid red}，但没有成功。知道为什么吗

<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>

示例文本
myStyle={{myStyle}}

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

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

见工作示例：

---

您的ng风格语法有点不正确。Css应该用逗号分隔，Css值都应该用单引号括起来

---

像这样，

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

你的

myStyle

对象有点不对劲。替换您的

，

编码，并将

'

放在属性值周围

而不是

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

使用此选项（在您的ng click中）

---

我被CSS技巧搞砸了。谢谢你的澄清，不用担心。很高兴这对你来说是个小变化。

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