样式元素中的AngularJS不工作

样式元素中的AngularJS不工作,angularjs,Angularjs,我试图在样式元素中使用angular js绑定,但它似乎不起作用。这是一个bug吗?有没有更好的方法 .测试{ 背景色:{test.backgroundColor}; 显示:{{test.display}}; 宽度:{test.width}}; 高度:{test.height}}; } 我不认为Angular解析样式元素。您可能希望使用ngStyle指令: .测试{ 背景色:{test.backgroundColor}; 显示:{{test.display}}; 宽度:{test.wid

我试图在样式元素中使用angular js绑定,但它似乎不起作用。这是一个bug吗?有没有更好的方法


.测试{
背景色:{test.backgroundColor};
显示:{{test.display}};
宽度:{test.width}};
高度:{test.height}};
}

我不认为Angular解析样式元素。您可能希望使用ngStyle指令:


.测试{
背景色:{test.backgroundColor};
显示:{{test.display}};
宽度:{test.width}};
高度:{test.height}};
}

Plunker(与JSFIDLE类似,但对角度更友好)

现在在Angular的新版本中可以使用

这是用1.3.0-rc.3替换1.0的OPs小提琴

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>


这应该完成什么?如果您有多个数组项,那么对于同一个类名,您将有两个定义fiddle只是angularjs没有解析style元素的一个示例。我可以很容易地添加.test{{{test.id}}之类的内容,使每个类名都是唯一的。我在一个项目中工作,需要根据db的坐标定位很多图像。我想在样式标记中找到一种方法,以便提供
a:hover
一些动态样式。。。有什么想法吗?
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>