ng stili, eventListner'a göre güncelleştirilmez

Question

Etkinlik listelemesini oluşturduktan sonra bir postMessage'e kadar bekler ve IframeHeight'ı günceller, ancak yüksekliği hemen değiştirmez, bazı etkinlikler gerçekleştirdiğimde değişiklik yalnızca ui üzerinde tetiklenir (tıklama gibi, giriş kutusuna yazın vb.).

$scope.getIframeHeight = function(){ 
    $scope.IframeHeight = "800"; 
    if (!window.addEventListener) { 
     // IE8 support (could also use an addEventListener shim) 
     window.attachEvent('onmessage', $scope.handleMessage); 
    } else { 
     window.addEventListener('message', $scope.handleMessage, false); 
    } 
}; 

$scope.handleMessage = function(event){ 
    var origin = event.origin || event.originalEvent.origin; // For Chrome, the origin property is in the event.originalEvent object. 
    if (origin !== "http://localhost:8060") 
     return; 
    console.log('parent received message!: ',event.data); 
    $scope.IframeHeight = event.data; 
}; 


<iframe class='iframe' id='iframe' scrolling='no' ng-style="{'height': IframeHeight + 'px'}" width="100%" 
     frameborder='0' ng-src="{{trustSrc(data.IframeSRC)}}"> 
</iframe> 

Answer 1

Yani $ scope.IframeHeight yapılan değişiklikler yansıtılmaz neden bilmiyorum, ama bu benim için çalıştı:

$scope.handleMessage = function(event){ 
var origin = event.origin || event.originalEvent.origin; // For Chrome, the origin property is in the event.originalEvent object. 
if (origin !== "http://localhost:8060") 
    return; 
console.log('parent received message!: ',event.data); 
***$scope.$apply(function(){ 
     $scope.IframeHeight = event.data; 
    });*** 
}; 

Burada