码迷,mamicode.com
首页 > Web开发 > 详细

AngulatJS多个控制器内数据共享

时间:2015-06-27 19:59:33      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:factory   控制器   service   数据共享   

     利用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多个控制器内数据共享

标签:factory   控制器   service   数据共享   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!