2014-02-13 2 views
0

구성 요소의 프레임 워크를 만들고 있는데 다른 지시문의 요소에 스타일을 추가하는 메커니즘이 필요하며 누적해야합니다 (적용되는 순서는 지시문 작성자가 정의해야합니다요소의 다른 지시문에서 AngularJS 누적 스타일

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

은 첫 번째 스타일이 적용되고, 두 번째는 무시된다)

가 핵심이의에서 문제를 (지시어는 지시어는 스타일을 수정합니다). 나는 단지 하나가 적용되는 것을 보여주기 위해 간단한 plunkr을 만들어 :

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

. 이것에 대한 쉬운 해결책이 있습니까?

답변

0

가 왜 이런 식으로하지 : 다음

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

과 :

{{secondStyle가}} 다른 지침에서 오는
<div style="{{firstStyle}};{{secondStyle}}"> 
    aaa 
</div> 

works here

+0

. 내가 현재 구현하고있는 솔루션은 다음과 같은 다른 지시문에있는 시계 내부 스타일을 적용하는 것입니다. element.css (myTwoWayBindedModel) –

+0

예제에 지시어가 없습니다. 두 번째 컨트롤러를 의미합니까? – mainguy

+0

의미 : 사용자 지정 지시문이 없습니다. – mainguy

관련 문제