AngularJS实现控制器控制器间共享数据的方法示例

本文实例讲述了AngularJS实现控制器控制器间共享数据的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html html ng-app=' myapp ' head title www .JB 51。网控制器间共享数据/title link rel='样式表href=' http://netdna。bootstrapcdn。com/bootstrap/3。0 .3/CSS/bootstrap。量滴CSS ' rel='外部无跟随'样式正文{ padding-top :30 px；}/style脚本src=' http : angular。量滴js '/脚本脚本角度。模块(' myapp '，[]).工厂(“数据”，函数(){ return { msg : ' hello world ' }；}) .控制器(' CtrlF '，函数($scope，Data){ $ scope。数据=数据；}) .控制器(“CtrlS”，函数($scope，Data){ $ scope。数据=数据；});/script/head dydiv class=' container ' div class=' col-sm-8 col-sm-offset-2 ' div ng-controller=' ctrl f '输入类型=' text ' ng-model=' data。消息“h1 { { data。msg } }/h1/div ng-controller=' CTrls '输入类型=' text ' ng-model=' data。消息“h1 { { data。msg } }/h1/div/div！- col-sm-8 - /div！-/容器-/正文/html运行效果：

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。