我正在创建组件的框架,并且需要一种机制来将样式从不同的指令添加到元素,并且样式应该累积(应用顺序应由指令创建者定义(指令修改样式))
核心问题是:
<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/