夕阳渐渐迫近地平线,霞光从地平线晕染开来,将天边的云朵渲染得一片通红。山岗上,我静静地望着那轮夕阳。霞光将我的身影剪裁的冗长。暖暖的阳光将我投射成透明,仿佛随时都会蒸发。
本文实例讲述了AngularJS实现controller控制器间共享数据的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html ng-app="myapp"> <head> <title>www.haodaima.com 控制器间共享数据</title> <link rel="stylesheet" rel="nofollow noopener noreferrer" 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实现controller控制器间共享数据的方法示例就介绍到这了。关于过去,关于你,告一段落;关于未来,关于我,敬请期待。更多相关AngularJS实现controller控制器间共享数据的方法示例内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!