AngularJS从一个元素上的不同指令累积样式

Question

我创建一个组件的框架，我需要一个机制来从不同的指令向元素添加样式，它们应该积累（它们应用的顺序应该由指令创建者（指令的指令修改样式））

在它的核心的问题是：

<div ng-style="firstStyle" ng-style="secondStyle"> 

只有第一个样式应用，第二个被忽略。 我创建了一个简单plunkr表明，只有一个应用：

​​

。有没有简单的解决方案？

Answer 1

为什么不能做这种方式：

$scope.firstStyle ="background-color:lightblue"; 
$scope.secondStyle ="color:red"; 

然后：

<div style="{{firstStyle}};{{secondStyle}}"> 
    aaa 
</div> 

works here