angularjs中多个控制器中共享数据

来源：互联网发布：佛山mac专柜编辑：程序博客网时间：2024/06/04 19:30

angular.module('myApp',[]).factory('Data', function () {    // this.$get = function(){}    return {        message : '共享数据'    }})    .controller('firstController',function ($scope, Data) {        //第一种方法        $scope.data = {            name : ''        }        //第二种方法        $scope.Data = Data;})    .controller('secondController',function ($scope, Data) {        //第一种方法        $scope.data = $scope.$$prevSibling.data;        //第二种方法        $scope.Data = Data;})

调用：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <div ng-app="myApp">        <div ng-controller="firstController">            first.data<input type="text" ng-model="data.name">            first.Data<input type="text" ng-model="Data.massage">            <p>                first:{{data.name}}            </p>            <p>                first:{{Data.massage}}            </p>        </div>        <div ng-controller="secondController">            <p>                second:{{data.name}}            </p>            <p>                second:{{Data.massage}}            </p>        </div>    </div>    <script type="text/javascript" src="../vendor/angular/angularjs.js"></script>    <script type="text/javascript" src="./app/index.js"></script></body></html>

效果图：

阅读全文

0 0