Question

如何使用AngularJS获取iframe元素的引用？

<div>
   <iframe id="myframe" ...>
</div>


mycontroller.$inject = ['$document'];

function mycontroller ($document) {
    console.log($document.getElementById("myframe")); //always null
}

我可以看到iframe，但引用查找始终打印为null。为什么呢？

Answer 1

$document服务返回一个数组。你应该像他一样使用它：

console.log($document[0].getElementById("myframe"));

请参阅jsfiddled解决方案：https://jsfiddle.net/jjbw1z8j/2/

Answer 2

使用此，

angular.element('#myframe');

或

console.log(angular.element('#myframe'));

Answer 3

角色与 DOM 元素的互动应在指令中实现。

例如jsfiddle。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="ExampleApp">
  <div ng-controller="ExampleController">
    <div>
      <iframe my-frame></iframe>
    </div>
  </div>
</div>

{{1}}

如何在AngularJS中通过id访问iframe？

3 个答案: