如何在angularJS中使用iframe

发布时间：2020-12-17 18:01:15 所属栏目：安全来源：网络整理

导读：我想在加载后更改iframe的scrollTop. 这是我的想法. 在模板中 iframe .. onload="{{loaded()}}" ../iframe 在控制器中 $scope.loaded = function() { //chage scroll of iframe} 但我认为这不是角度风格(“不要任何形式的DOM操作”) 做这个的最佳做法是什么

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

在模板中

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

在控制器中

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

但我认为这不是角度风格(“不要任何形式的DOM操作”)

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

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!