jquery - 如何在 AngularJS 中监听 jQuery 事件

Question

我正在使用 AngularJS 重写 jQuery 应用程序。我正在使用小步骤，一次更换一个区域。然而，我在如何在 AngularJS 中监听 jQuery 事件时遇到了问题。

作为示例，我在 jQuery 小部件中有一个 $(document).trigger('doSomething') 。我如何在 AngularJS Controller 中收听它？

我尝试过使用 $scope.$on('doSomething', function(){})，但这仅指 Controller 的范围。我也尝试过 $rootScope.$on('doSomething', function(){})，但没有运气。

有没有什么方法可以让我一步步转换我的应用程序，并且只监听 jQuery 触发的文档事件？

Answer 1

我在这里很激动，但我认为 jQuery 事件和 AngularJS 事件是两个独立的系统。一个快速的解决方案可能是拥有一个全局的包罗万象的 jQuery 事件监听器，它将 jQuery 事件转换为 AngularJS 事件。

稍后您可能需要将小部件包装在指令中，并在其中放置更具体的事件转换器。此时，您还可以考虑是否要坚持使用事件系统，或者 angular.service 是否可能是小部件与世界其他地方通信的更合适的方式。

上面假设您不能或不想重写小部件以使用 AngularJS 机制。如果这是一个选项，那么只需在小部件中直接使用 $scope.$broadcast 或 $scope.$emit 而不是 $.trigger。