如何将 AngularJS 控件与需要 DOM 窗口回调的遗留代码集成？

从旧版代码调用 AngularJS

问题：
您需要将 AngularJS 控件与旧版 Flex 集成需要附加到 DOM 窗口的回调的应用程序。

解决方案：

要调度 AngularJS 控制器可以从框架外部侦听的事件，请按照以下步骤操作：

1. 获取作用域和注入器：

   • 使用 angular.element(domElement).scope() 获取 HTML 的当前作用域用于更新 AngularJS 应用程序的元素。
   • 使用 angular.element(domElement).injector() 访问当前应用程序注入器。

2. 获取 AngularJS 服务：

   • 从注入器中，获取您想要更新的 AngularJS 服务。

3. 调用 AngularJS 函数：

   • 在 AngularJS 中，将对模型或方法调用的任何更新包装在 $apply(function(){ ... }) 中的范围内，以确保正确的更改传播.

用法示例：

// Get the AngularJS scope and service
var scope = angular.element(document.getElementsByTagName('body')[0]).scope();
var service = scope.injector().get('myService');

// Invoke an AngularJS method
scope.$apply(function () {
  service.update();
});

附加说明：

• 对 AngularJS 模型或范围方法调用的更改必须包含在 $apply() 中。
• 您可以使用 angular.element(domElement).controller() 访问与 HTML 元素关联的 AngularJS 控制器。

以上是如何将 AngularJS 控件与需要 DOM 窗口回调的遗留代码集成？的详细内容。更多信息请关注PHP中文网其他相关文章！