从简单的外部javascript代码访问AngularJS 1.6组件函数

Question

我需要调用在AngularJS 1.6应用程序的组件中定义的函数，但是我需要在angular应用程序之外的简单JavaScript代码中执行此操作。 我怎样才能做到这一点？

Answer 1

如果您想快速而又肮脏地进行测试，可以使用以下命令从开发者控制台访问该功能：

scope = angular.element($0).isolateScope();
scope.$ctrl.myFunction();

通过使用right click -> Inspect或在开发人员控制台的元素窗口中单击元素来选择组件来设置$0 。

有关更多信息，请参见AngularJS angular.element API参考-jQuery / jqLit​​e Extras

Answer 2

使用标准的事件广播将为您提供帮助。

在组件内部：

document.addEventListener('trigger-my-method', () => myMethod());

别的地方：

let myEvt = new Event('trigger-my-method'); document.dispatchEvent(myEvt)

编辑：我没有测试过此解决方案，并且我不深入角度，但它应该工作