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

在Angular 中，事件通訊對於協調應用程式不同部分之間的協調應用程式不同部分之間的互動至關重要。 $on 和 $broadcast 是核心 Angular 機制，可以跨元件有效地廣播和處理事件。

理解$on 和$broadcast

• $on 和$broadcast
• $broadcast:
由作用域發出，通知其所有後代（子作用域）和作用域的父鏈特定事件。

$on: 由作用域註冊監聽從目前作用域、其父作用域或其子作用域廣播的特定事件。

在您的範例中實現事件通訊

• 1。廣播器 (footerController):

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

在 footerController 中定義如下函數：

• 2.接收方(codeScannerController):

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

使用$on監聽codeScannerController中的廣播事件:

• 其他功能：

您可以使用$broadcast('event-name', { any: {} } 廣播事件時傳遞參數).因此，您可以在接收者的事件處理程序中接收這些參數。

參考文檔：

有關更多詳細信息，請參閱有關範圍的官方Angular 文件：https://docs.angularjs.org/api /ng/type/$rootScope.Scope