在Angular JS中动态应用CSS样式属性
在Angular JS中动态应用CSS样式属性
提问于 2014-01-26 22:15:55
这应该是一个简单的问题，但我似乎找不到解决方案。
我有以下标记：
<div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div>我需要将背景颜色绑定到作用域，所以我尝试这样做：
<div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div>这不起作用，所以我做了一些研究，找到了ng-style，但这不起作用，所以我试着去掉动态部分，只用ng-style硬编码样式，就像这样……
<div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div>但那根本不管用。我是不是误解了ng-style的工作原理？有没有一种方法可以把{{data.backgroundCol}}放到一个普通的样式属性中，并让它插入值？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21364445
复制相关文章
相似问题
腾讯云开发者
