从Angular JS中的子文档控制器分配父文档按钮单击事件

Question

我是角度新手。

我有 Document A，其中有 Save 按钮和 IFrame。

Iframe 具有 Document B 和角度控制器，其中定义了 saveClick()。

在加载文档 B 时，我想将 saveClick() 函数分配给父文档按钮，以便当用户单击子控制器的保存按钮 saveClick() 时应该执行。

我以前在 JavaScript 中使用

parent.parent.saveClick = function () { ... }

按钮定义为

<button id='nobtnAdd' disabled onclick='return saveClick();' 
        title="New Record (Alt+A)">Save
</button>

文档 A 现在不使用 Angular JS，但如果需要，我可以使用它。

Iframe 将使用 Angular JS 加载各种文档，控制器将在其中分配保存例程。

我如何使用 angular 来实现这一点？ 提前致谢。

Answer 1

您可以做的是使用 run() 角度应用程序块将事件广播包装到全局范围函数中。那么你的 iframe 父代码将是相同的

angular
   .module('myApp',[....])
   .run(function($window, $rootScope){
      $window.saveClick = function(){ 
         $rootScope.$broadcast('saveClick');
      };

   }).controller('someCtrl', function($scope){
      $scope.$on('saveClick', function(){
        alert('Iframe clicked')
      });
   });

我个人会使用 postMessage API，这样您就可以避免使用全局范围。