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