controller之间共享数据的问题

<!DOCTYPE html>

<html ng-app="myApp">

<head>

    <meta charset="UTF-8">

    <title>AngularJS</title>

    <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

    <style>

        div{

            border:1px solid black;

        }

    </style>

</head>

<body>

     <div ng-controller="childCtrl1">

        <button ng-click="setPage()">换页</button>

     </div>

     <div ng-controller="childCtrl2">

        <span>当前页:{{nowPage}}</span>

     </div>

</body>

<script type="text/javascript">

var app = angular.module('myApp', []);

app.factory('pageNum', function() {

  var page = {

     num:1

   };

   return page;

});

app.controller('childCtrl1', function($scope,pageNum) {

    $scope.setPage = function() {

          pageNum.num++;

    };

});

app.controller('childCtrl2', function($scope,pageNum) {

    $scope.nowPage=pageNum.num;

});

</script>

</html>


在点击换页之后, childCtrl2里的nowPage为什么没有变?用怎么样修改factory才可以实现同步变化?


德玛西亚99
浏览 651回答 1
1回答

BIG阳

这是时候不是应该用&nbsp;broadcast&nbsp;和&nbsp;emit&nbsp;吗
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript