如何在对象中使用内联ngStyle

Question

所有

我对ngStyle很新，我想知道为什么我的指令模板代码不起作用，如：

template: "<div ng-style='{'color':'red'}'>This is test ngStyle</div>"

错误如下：

  

错误：错误：ueoe意外结束表达

     

表达式意外结束：{0}

由于

Answer 1

您需要将模板中的部分单引号更改为双引号：

template: "<div ng-style=\"{'color':'red'}\">This is test ngStyle</div>"

目前，浏览器无法区分界定属性值的'与内部值中的'之间的区别。

Answer 2

我更喜欢这种引用风格：

template: '<div ng-style="{'color':'red'}">This is test ngStyle</div>'

希望有所帮助。

℃。 N.