如何在angularJS中使用iframe

Question

我想在加載後更改iframe的scrollTop。 這是我的想法。

模板

<iframe .. onload="{{loaded()}}" ..></iframe> 

在控制器

$scope.loaded = function() { 
    //chage scroll of iframe 
} 

但我認爲這是沒有棱角的風格（ 「請不要將任何類型的DOM操作」）

什麼是最好的做法做這個？

Answer 1

這裏是mycode。但跨域不工作..

directive('myIframe', function(){ 
    var linkFn = function(scope, element, attrs) { 
     element.find('iframe').bind('load', function (event) { 
      event.target.contentWindow.scrollTo(0,400); 
     }); 
    }; 
    return { 
     restrict: 'EA', 
     scope: { 
     src:'@src', 
     height: '@height', 
     width: '@width', 
     scrolling: '@scrolling' 
     }, 
     template: '<iframe class="frame" height="{{height}}" width="{{width}}" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="{{scrolling}}" src="{{src}}"></iframe>', 
     link : linkFn 
    }; 
    });