首页 > Web开发 > 详细

angulajs 如何在controller 之间共享数据

时间:2016-11-05 14:44:22      阅读:134      评论:0      收藏:0      [点我收藏+]

当在一个controller中 通过设置$scope的数据,来影响其它control的范围时,可以使用$rootScope

举个例子:

在一个control A范围内设置

    mainApp.controller(‘menuController‘, function($scope,$rootScope) {
        $rootScope.menus={}
        $rootScope.menus.showWelcome = false;
        $rootScope.menus.showExit = false;
        $rootScope.menus.activeHome = "active";
        $rootScope.menus.activeMystudy = "";
    });

 

在另一个control B中

mainApp.controller(‘homeController‘, function($scope) {
        $scope.menus.activeHome = "active";
        $scope.menus.activeMystudy = "";
        $scope.loginForm = {userid:"李五"};
        $scope.login = function(){
            $scope.menus.loginId = $scope.loginForm.userid;
            $scope.menus.showWelcome = true;
            $scope.menus.showExit = true;
        }
    });

这时操作B中的元素时,A中的元素会受影响。 注意,如果B中的数据名与$rootScope中的同名时,则在B中引用时需要使用$rootScope。

其关键的因素是,所有的应用都有一个 $rootScope,它可以作用在 ng-app 指令包含的所有 HTML 元素中。

$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值,可以在各个 controller 中使用。

 

angulajs 如何在controller 之间共享数据

原文:http://www.cnblogs.com/51kata/p/6032808.html

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