欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > javascript >内容正文

javascript

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

发布时间：2025/4/16 javascript 41 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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> <!-- angularjs的数据绑定，双向绑定，M,V,c之间的绑定 --><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; });

　　

版权声明：本文为小平果原创文章，转载请注明：http://blog.csdn.net/i10630226

转载于:https://www.cnblogs.com/dingxiaoyue/p/4948260.html

《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的angularJS--多个控制器之间的数据共享的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。