Angular 中使用$broadcast 和$on 進行廣播與事件處理
理解問題
理解問題理解問題
<code class="javascript">$scope.startScanner = function() { $rootScope.$broadcast('scanner-started'); }</code>
理解問題
理解問題
<code class="javascript">$scope.$on('scanner-started', function(event, args) { // Handle event });</code>
理解問題>Angular 的事件處理是元件之間通訊的一個基本面向。此特定場景涉及觸發頁尾元件中的事件並在程式碼掃描器元件中處理該事件。該問題探討如何使用 $broadcast 和 $on 來實現此目的。
使用$broadcast 進行事件發射
<code class="javascript">$rootScope.$broadcast('scanner-started', { any: {} });</code>
在頁腳組件的控制器中,可以使用$rootScope對於事件廣播:
當按一下頁腳中的按鈕時,此行會發出名為「scanner-started」的事件。<code class="javascript">$scope.$on('scanner-started', function(event, args) { var anyThing = args.any; // Handle event });</code>
在代碼掃描器組件的控制器中,$scope 可用於監聽廣播事件:
以上是如何使用 Angular 的 $broadcast 和 $on 在頁腳元件中觸發事件並在程式碼掃描器元件中處理它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!