1

我在为 Angularjs 设置 $rootScope 时遇到问题。

下面是我的功能

App.controller('Controller',
function (UtilityService, $rootScope) {

var setSession = function () {

  $rootScope.test = "yes"; // <-- I get this

  UtilityService.getSession().success(
  function () {       
    $rootScope.test = "No"; // <-- I don't get this How do I get/set this value?       
  });      
};

setSession();   

});

附加信息：

一种可行的方法是设置一个在多个控制器之间交互的服务。有谁知道如何使用返回 http.get json 对象的服务来做到这一点。

我无法在我的控制器中获取在服务中实例化的动态范围。

4

2 回答 2

2

为了解决我的问题，我不得不

1) 将 $rootScope 传递到我的第二个控制器中

应用程序控制器（$rootScope）{

2) 将我的第二个控制器的功能设置为 $rootScope

$rootScope.functionCall = 函数 () {};

3) 将我传递的值设置为 $rootScope ($rootScope.orderId)

$rootScope.functionCall = function () {
 Service.getItems($rootScope.orderId).success(
    function(results) {
      $scope.items = results;
    });
};

4）在我的实用程序控制器中，我遍历我的结果，解析它们，并将它们设置为 $rootScope，如您在 #3 中所见，我正在初始化“$rootScope.orderId”

angular.forEach(results, function (value, key) {
      if (key != null) {
        $parse(key).assign($rootScope, value);
      }
    });

5）我正在从我的服务调用中重新调用控制器的功能！这就是我将变量“置于范围内”的魔力

$rootScope.functionCall();

6）我也在测试该功能是否存在导致不同的页面使用实用程序代码但可能没有该功能可以执行

if (typeof $rootScope.functionCall == 'function')

var setSession = function () {

  UtilityService.getSession().success(
  function (results) {             

    // Place the rootscope sessions in scope
    angular.forEach(results, function (value, key) {
      if (key != null) {
        $parse(key).assign($rootScope, value);
      }
    });                

    // Have to bypass "scope" issues and thus have to execute these fns()
    if (typeof $rootScope.functionCall == 'function') {
      $rootScope.functionCall();
    }

});

};
setSession();
于 2015-02-12T17:18:50.210 回答
0

正如我之前写的那样，我会尽可能使用 $scope，如果您需要跨多个控制器共享数据，您可以使用服务。代码应该是这样的：

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

app.factory('$http', 'myService', function ($http, myService) {
    var customers = {};
    $http.get("http://www.w3schools.com/website/Customers_JSON.php")
        .success(function (response) {
            customers = response;
        });

    return {
        customers: customers
    };
});

app.controller('controller_one', function($scope, myService) {
  $scope.serv = myService.customers;
});

app.controller('controller_two', function($scope, myService) {
  $scope.serv = myService.customers;
});
于 2015-02-11T22:23:18.963 回答