javascript - 从带 Angular iframe 中单击调用 Controller

Question

我正在尝试将事件绑定(bind)到 iframe，以便无论点击 iframe 中的哪个位置，该事件都会触发 Angular Controller 中的一个函数。我正在尝试仅使用带有 Angular 或纯 javascript 的 jquery lite 来执行此操作，无论我首先遇到哪种解决方案。

我一直在尝试对此进行变体，但没有任何运气:

angular.element('iframe').contents().find('html').bind('click', function () {
    alert("hello");
});

Answer 1

好吧，您不能像普通的 jquery 应用程序那样突然寻找元素。你必须使用指令。

看这里:plunker demo

在 myDirective 中，我使用 iframe 元素来执行您想要的操作:

app.directive('myDirective', function(){

  return {
    link : function(scope, element, attributes){
      element.contents().find('html').bind('click', function () {
           alert("hello");
       });
    }
  };

});

您还应该采取一些步骤来确保链接函数中的“元素”是一个 iframe。