AngularJS实现controller控制器间共享数据的方法示例
2017-10-30 10:55
786 查看
本文实例讲述了AngularJS实现controller控制器间共享数据的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html ng-app="myapp"> <head> <title>www.jb51.net 控制器间共享数据</title> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="external nofollow" > <style> body { padding-top:30px; } </style> <script src="angular.min.js"></script> <script> angular.module('myapp', []) .factory("Data", function() { return { msg:"hello world" }; }) .controller("CtrlF", function($scope, Data) { $scope.data = Data; }) .controller("CtrlS", function($scope, Data) { $scope.data = Data; }); </script> </head> <body> <div class="container"> <div class="col-sm-8 col-sm-offset-2"> <div ng-controller="CtrlF"> <input type="text" ng-model="data.msg"> <h1>{{data.msg}}</h1> </div> <div ng-controller="CtrlS"> <input type="text" ng-model="data.msg"> <h1>{{data.msg}}</h1> </div> </div><!-- col-sm-8 --> </div><!-- /container --> </body> </html>
运行效果:
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
您可能感兴趣的文章:
- AngularJS控制器controller正确的通信的方法
- AngularJs学习第五篇从Controller控制器谈谈$scope作用域
- AngularJS控制器controller给模型数据赋初始值的方法
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- AngularJS 控制器 controller的详解
- AngularJS利用Controller完成URL跳转
- Angularjs中controller的三种写法分享
- angularJS+requireJS实现controller及directive的按需加载示例
- Angularjs的Controller间通信机制实例分析
相关文章推荐
- AngularJS实现自定义指令与控制器数据交互的方法示例
- AngularJS控制器controller给模型数据赋初始值的方法
- Android初级教程——实现共享优先数据方法 Shared Preferences
- angularJS--多个控制器之间的数据共享
- AngularJS(三)——在多个AngularJS controller之间共享数据
- Zend Framework2 - 在 Module.php中检查管理是否登录,而不是到控制器中检查 (实现方法示例)
- Zend Framework实现多服务器共享SESSION数据的方法
- Android实现不同apk间共享数据的方法(2种方法)
- thinkPHP多域名情况下使用memcache方式共享session数据的实现方法
- JavaScript iframe数据共享接口实现方法
- thinkPHP多域名情况下使用memcache方式共享session数据的实现方法
- 用PHP实现多服务器共享SESSION数据的方法
- Angularjs调用公共方法与共享数据
- AngularJS控制器controller正确的通信的方法
- CI框架入门示例之数据库取数据完整实现方法
- C#.NET示例读写xml所有节点的代码实现方法和读取xml节点的数据总结
- Angularjs实现多个页面共享数据的方式
- CI框架入门示例之数据库取数据完整实现方法
- AngularJS控制器controller正确的通信的方法
- angularJS--多个控制器之间的数据共享