當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

angularJS--多个控制器之间的数据共享

發布時間：2025/4/16 javascript 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 angularJS--多个控制器之间的数据共享小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

為了在控制器之間共享數據，需要在服務中添加一個用來儲存用戶名的方法。記住，服務在
應用的生命周期內是單例模式的，因此可以將用戶名安全地儲存在其中。

<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>12-angularjs的多個控制器數據共享</title><script src="../js/angularjs.js"></script><script src="../js/index12.js"></script></head> <body> <div ng-app="myApp"><div ng-controller= "firstController"><input type="text" ng-model="person.name" value="" />firstData--{{person.name}}</div><div ng-controller="secondController"><input type="text" value="" />secondData--{{person.name}}<div ng-controller= "firstController"><input type="text" ng-model="Data.message" value="" />firstData--{{Data.message}}</div><div ng-controller="secondController"><input type="text" value="" />secondData--{{Data.message}}</div></div></div></body> </html>

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 

   var?myApp = angular.module('myApp', []);   myApp.factory('Data',?function(){  ????return?{message:'小平果'};   });   myApp.controller('firstController',??function($scope,Data){  ????$scope.person = {  ????????name:?"肖果平"  ????};   ????$scope.Data = Data;  });   myApp.controller('secondController',??function($scope,Data){  ????$scope.person = $scope.$$prevSibling.person;//基本類型不能變的，只有對象才能引用  ????$scope.Data = Data;  });  

轉載于:https://www.cnblogs.com/dingxiaoyue/p/4948260.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的angularJS--多个控制器之间的数据共享的全部內容，希望文章能夠幫你解決所遇到的問題。

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