AngularJS来自元素上不同指令的累积样式

Question

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

它的核心问题是：

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

仅应用第一个样式，忽略第二个样式。 我创建了一个简单的plunkr来显示只应用了一个：

http://plnkr.co/edit/Cqq83V?p=preview

。有一个简单的解决方案吗？

Answer 1

为什么不这样做：

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

然后：

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

works here