如何在 Angular 中使用 $on 和 $broadcast 进行事件通信？

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

以上是如何在 Angular 中使用 $on 和 $broadcast 进行事件通信？的详细内容。更多信息请关注PHP中文网其他相关文章！