Angular 中的事件通信：$on 和 $broadcast

在 Angular 中，事件通信对于协调应用程序不同部分之间的交互至关重要。 $on 和 $broadcast 是核心 Angular 机制，可以跨组件有效地广播和处理事件。

理解 $on 和 $broadcast

• $broadcast: 由作用域发出，通知其所有后代（子作用域）和作用域的父链特定事件。
• $on: 由作用域注册监听从当前作用域、其父作用域或其子作用域广播的特定事件。

在您的示例中实现事件通信

在您的情况下，您希望页脚控制器中的单击事件触发代码扫描器控制器可以处理的事件。要实现这一点：

1。广播器 (footerController):

• 使用 $rootScope 广播事件，因为它包含应用程序中的所有范围。
• 在 footerController 中定义如下函数：

$scope.startScanner = function() {
    $rootScope.$broadcast('scanner-started');
}

2.接收方(codeScannerController):

• 使用$on监听codeScannerController中的广播事件:

$scope.$on('scanner-started', function(event, args) {
    // Your logic here
});

其他功能：

• 您可以使用 $broadcast('event-name', { any: {} } 广播事件时传递参数).
• 因此，您可以在接收者的事件处理程序中接收这些参数。

参考文档：

有关更多详细信息，请参阅有关范围的官方 Angular 文档：https://docs.angularjs.org/api/ng/type/$rootScope.Scope