NG 스타일은

Question

나는이 사업부가 실패
<div id="outlineCSS" ng-style="elementOutlineStyle"></div>
내가 가지고있는이 많은 <li>하고있는 <ul> 내가 ng-mouseover으로, 그 중 하나를 가져 가면 다음과 같이 나는 elementOutlineStyle을 제어하는 ​​기능을 트리거 :

$scope.elementOutlineStyle = angular.extend({ 
      'pointer-events': 'none', 
      'position': 'absolute', 
      'box-shadow': 'rgba(255, 0, 0, 1) 0px 0px 10px 0px', 
      'display': 'block' 
      }, { 
      'height': data.height, 
      'width': data.width, 
      'left': outlineLeftPos, 
      'top': outlineTopPos 
      }); 

하지만이 코드는 DELAY와 적용! 제가 설명 드리겠습니다 : <li> # 1, 아무 일도 일어나지 않는다고 말하자면 <li> # 2를 가져 가면 # 1의 데이터 스타일이 적용됩니다. 나는이 하나를 사용하여 각 코드를 대체하는 경우

그러나이 : ​​

  $("#outlineCSS").css({ 
       'pointer-events': 'none', 
      'position': 'absolute', 
      'box-shadow': 'rgba(255, 0, 0, 1) 0px 0px 10px 0px', 
      'display': 'block', 
       'height': data.height, 
      'width': data.width, 
      'left': outlineLeftPos, 
      'top': outlineTopPos 
      } 
     ); 

를 그 다음이 의도 한대로 작동 ... 어떻게 각도 올이 하나 떨어지고있다?

Answer 1

스타일 변경은 $scope.$apply으로 묶어야합니다.