如何使用rootscope在angular js中调用同级作用域

Question

这是我的app.js

  var app = angular.module("app",[]);
  app.controller("myFirstController",['$scope',function($scope){
    $scope.test = "myfirstName";
    $scope.test1 = "myfirstName";
  }])

  app.controller("mySecondController",['$scope','$rootScope',function($scope,$rootScope){
    $scope.test = "myLastName";
    //Here how to call my test,test1 scope using $rootScope ?? 
  }])

我能做到这一点使用$ rootScope？我不想使用任何emit和broadcast或this

Answer 1

如果您在rootscope中存储任何值，例如：

$rootScope.test =" value ";

您可以像这样从rootScope检索值

var value = $rootScope.test;

但是，它不能用于数据维护和安全性

因为如果刷新浏览器，则将清除所有作用域值。

所以我建议你用3种不同的方式

我不想使用任何发射和广播或

但这是将值从一个控制器传递到另一个控制器的最佳方法

Answer 2

你可以像下面那样做，但是在某些情况下可以使用不同的名字来避免错误。

 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</script> <link rel="stylesheet" href="style.css" /> <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> <script src="app.js"></script> </head> <body > <div ng-controller="myFirstController"> </div> <div ng-controller="mySecondController"> </div> </body> <script> var app = angular.module('plunker', []); app.controller("myFirstController",['$scope','$rootScope',function($scope,$rootScope){ $rootScope.test = "myfirstName"; }]) app.controller("mySecondController",['$scope','$rootScope',function($scope,$rootScope){ $scope.test = "myLastName"; console.log($rootScope.test); //Here how to call my myFirstName scope using $rootScope ?? }]) </script> </html>

如何使用rootscope在angular js中调用同级作用域

问题描述

2 个解决方案

解决方案1
0 已采纳 2016-12-16 07:48:22

解决方案2
-1 2016-12-16 07:48:38

如何使用rootscope在angular js中调用同级作用域

问题描述

2 个解决方案

解决方案1 0 已采纳 2016-12-16 07:48:22

解决方案2 -1 2016-12-16 07:48:38

解决方案1
0 已采纳 2016-12-16 07:48:22

解决方案2
-1 2016-12-16 07:48:38