我正在创建组件的框架,并且需要一种机制来将样式从不同的指令添加到元素,并且样式应该累积(应用顺序应由指令创建者定义(指令修改样式))

核心问题是:

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


仅应用第一种样式,而忽略第二种样式。
我创建了一个简单的plunkr以显示仅应用了一个:

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

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

最佳答案

为什么不这样做呢?

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


接着:

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


works here

关于css - 来自元素上不同指令的AngularJS累积样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21751492/

10-09 17:37
查看更多