angularjs - 如何在 angularJS 中使用 iframe

Question

我想在加载后更改 iframe 的 scrollTop。
这是我的想法。

在模板中

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

在 Controller 中

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

但我认为这不是 Angular 风格(“不要进行任何类型的 DOM 操作”)

这样做的最佳做法是什么？

Answer 1

这是我的代码。但是跨域不起作用..

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
    };
  });