anglejs 범위 안의 스타일을 평가 중입니다. ie9 작동하지 않습니다.

Question

기본적으로 스타일 속성이있는 div 블록이 있고 그 안쪽에는 {{left}} px가 있습니다. 오른쪽 : {{오른쪽}} px.
$ scope.left 및 $ scope.right는 업데이트되지만 내 항목은 이동하지 않습니다. 여기
은 ...

어떤 도움이 많이 나는 IE9 콘솔에 볼 때 또한 내가 사업부에 모두에 적용되는 스타일 속성을 볼 수 없습니다

<div ng-app ng-controller="Controller" class="container"> 
    <button class="moveTo" ng-click="findPosClick()"> move to here</button> 
    <div class="block" style="left:{{left}}px; top:{{top}}px;"></div> 
    <div class="posTxt">left:{{left}}</div> 
    <div class="posTxt2">top:{{top}}</div> 
</div> 

function Controller($scope) { 
    $scope.findPosClick = function(){ 
    var location = event.target ? event.target : event.srcElement; 
    var pos = $(location).position(); 
    $scope.left = pos.left; 
    $scope.top = pos.top; 
    } 

} 

을 감사

http://jsfiddle.net/climboid/5XqG7/4/

바이올린을하다

Answer 1

이것은 IE의 알려진 문제점입니다. 그것은 단순히 좋아하지 않는 스타일 태그를 버립니다.

ng-style 지시문을 대신 사용하십시오.

<div ng-style="{left: left+'px', top: top+'px'}"></div>

Answer 2

style 특성 각도 발현 해석되지 않는다 ({{}). 그러므로 각도 적용시 style 대신 ng-style을 사용해야합니다.