首页 > Web开发 > 详细

AngulatJS多个控制器内数据共享

时间:2015-06-27 19:57:43      阅读:649      评论:0      收藏:0      [点我收藏+]

     利用factory和service方法定义服务,通过两个控制器利用同一个服务达到控制器间数据共享的效果

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
</head>

<body ng-app="app">
    <div ng-controller="Controller1">
        <input type="text" ng-model="value1.message">
        <p>first:<span ng-bind="value1.message"></span></p>
    </div>
    <div ng-controller="Controller2">
        <p>second:<span ng-bind="value2.message"></span></p>
    </div>
    <script src="http://cdn.bootcss.com/angular.js/1.4.0-rc.2/angular.min.js"></script>
    <script type="text/javascript">
    angular.module(‘app‘, [])
        .factory(‘Data‘, function() {
            return {
                message: ‘‘
            };
        })
        .controller(‘Controller1‘, function($scope, Data) {
            $scope.value1 = Data;
        })
        .controller(‘Controller2‘, function($scope, Data) {
            $scope.value2 = Data;
        });
    </script>
</body>

</html>

      这里使用的是factory方法,定义了名为Data的服务,这个服务就是连接两个controller的桥梁。

AngulatJS多个控制器内数据共享

原文:http://iampomelo.blog.51cto.com/10193513/1666896

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!