日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

angularjs控制器之间的数据共享与通信

發布時間:2023/12/20 编程问答 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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控制器之间的数据共享与通信的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。