如何在 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中文網其他相關文章！