JavaScript使用$ scope。$ emit和$ scope。$ on
首先,父子范圍關系確實很重要。你有兩種可能性發(fā)出某些事件:
$broadcast -將事件向下分發(fā)到所有子范圍,$emit-通過范圍層次結構向上調(diào)度事件。我對你的控制器(作用域)關系一無所知,但是有幾種選擇:
如果scope of firstCtrl是作用域的父級,則secondCtrl你的代碼應通過替換$emit為$broadcastin來工作firstCtrl:
function firstCtrl($scope){ $scope.$broadcast(’someEvent’, [1,2,3]);}function secondCtrl($scope){ $scope.$on(’someEvent’, function(event, mass) { console.log(mass); });}
如果你的范圍之間沒有父子關系,則可以注入$rootScope控制器并將事件廣播到所有子范圍(即secondCtrl)。
function firstCtrl($rootScope){ $rootScope.$broadcast(’someEvent’, [1,2,3]);}最后,當你需要將事件從子控制器分派到向上作用域時,可以使用$scope.$emit。如果的范圍firstCtrl是范圍的父級secondCtrl:
function firstCtrl($scope){ $scope.$on(’someEvent’, function(event, data) { console.log(data); });}function secondCtrl($scope){ $scope.$emit(’someEvent’, [1,2,3]);}解決方法
如何$scope使用.$emit和.$on方法將對象從一個控制器發(fā)送到另一個控制器?
function firstCtrl($scope) { $scope.$emit(’someEvent’,[1,2,3]);}function secondCtrl($scope) { $scope.$on(’someEvent’,function(mass) { console.log(mass); });}
它不按我認為的方式工作。如何做$emit和$on工作?
相關文章:
1. java - 在用戶不登錄的情況下,用戶如何添加保存到購物車?2. java - spring boot 如何打包成asp.net core 那種獨立應用?3. android - SwipeRefreshLayout5.0以下不兼容4. datetime - Python如何獲取當前時間5. 安全性測試 - nodejs中如何防m(xù)ySQL注入6. html - eclipse 標簽錯誤7. javascript - nginx反向代理靜態(tài)資源403錯誤?8. javascript - webpack 分割加載代碼后,react 界面不更新9. javascript - 關于apply()與call()的問題10. python文檔怎么查看?
