angularjs控制器之间的数据共享与通信
1、可以寫一個service服務,從而達到數據和代碼的共享;
var app=angular.module('app',[]);app.service('ObjectService', [ObjectService]); function ObjectService() {var list = {};return {get: function(id){return list[id];},set: function(id, v){list[id] = v;}} }在一個控制器中,注入ObjectService,再調用ObjectService.set('i',1)設置的數據,在其它的控制器中,便可通過ObjectService.set('i')來獲取。這方法本人沒有怎么用過
2、廣播與事件
AngularJS 中在觸發事件和發送廣播時,都可以傳遞參數,可以通過這一特性,來實現數據的共享。與事件和廣播相關的,共有三個方法,分別是:
??? 1.$emit():觸發事件,它可以向上傳遞數據,比如,子控制器向父控制器。
??? 2.$broadcast():發送廣播,它可以向下傳遞數據,比如,父控制器向子控制器傳遞數據;這個有時接收不到,如:單獨在父控制器寫一個這個$broadcast()傳數據,在子控制器中寫一個$on()改收到這個數據是收不到的;如我把$broadcast()寫在一個點擊函數里面,點擊時,字控制器能收到。
????3.$on():監聽事件與廣播,可以捕獲?$emit?和?$broadcast
可以將控制器之間的通信,分為三種情形:
????1.無直接關聯的控制器:使用?$rootScope.$emit()、$rootScope.$boardcast()?或?$scope.$emit?來發出數據,通過 $rootScope.$on() 來獲取數據,這個沒怎么用過,
????2.父控制器到子控制器:父控制器使用?$scope.$boradcast()?來發送數據,子控制器通過?$scope.$on()?來獲取數據
????3.子控制器至父控制器:子控制器使用?$scope.$emit()?來發送數據,父控制器通過?$scope.$on()?來獲取數據
3、將數據全局共享;
三中方法:ng中有兩中,
在ng-app中定義的全局變量,在不同的ng-controller里都可以使用。
通過var 直接定義global variable,這根純js是一樣的。
用angularjs value來設置全局變量 。
用angularjs constant來設置全局變量?
4、父控制器里的參數,子控制器里可以直接使用,如:我設一個變量scope.data="成功",你在其子控制里可以直接用scope.data。
轉載于:https://www.cnblogs.com/flxy-1028/p/6443471.html
總結
以上是生活随笔為你收集整理的angularjs控制器之间的数据共享与通信的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 网页版模仿Excel
- 下一篇: 60、二叉搜索树的第k个结点