$resolve 直到控制器创建后才添加到 $scope

Question

我正在尝试利用adds the resolve map to the scope of the route 的（1.5.0 中的新功能）功能。但是，似乎直到控制器加载后地图才真正添加到范围中。

这是一个演示问题的非常简单的模块（来自plunk）：

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

app.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {

    $routeProvider.otherwise({
      controller: "editController",
      controllerAs: "ec",
      templateUrl: "edit.html",
      resolve: {
        resolveData: function() {
          return {
            foo: "bar",
            blah: "halb"
          }
        }
      }

    });
  }
]);

app.controller("editController", ["$scope", function($scope) {
  // undefined
  console.log($scope.$resolve);
  setTimeout(function() {
    // the object is there, including $scope.$resolve.resolveData
    console.log($scope.$resolve);
  }, 0)
}]);

如果您查看控制台，您会注意到创建控制器时$scope.$resolve 是undefined。但是，它会在之后立即出现，正如 setTimeout 所展示的那样。

我在文档中找不到任何表明应该是这种情况的内容。这是一个错误吗？还是我只是没有了解 Angular 的工作原理？

Answer 1

万一其他人遇到这个 - 它已经是reported on the angular github and resolved as intended behavior。 $scope.$resolve 并不是真的要在控制器中使用。你应该注入它，或者使用 $route.current.locals。

（或者您可以使用 $scope.$resolve 将代码包装在 $timeout 中。）

Answer 2

请注意，您的对象比您预期的要大得多，实际上您的对象位于$resolve。这主要是explained in the docs，但是，可以通过示例更详细地说明...

解析地图将在路线范围内可用，位于 $解决

无需深入研究，当您 resolve 时，命名对象变为可注入对象，然后您可以将其放置在 $scope 上，在本例中为 resolveData。请注意以下...

app.controller('editController', ['$scope', 'resolveData', function($scope, resolveData) {
  console.log(resolveData);
  // -- $scope.data = resolveData; // -- assign it here
}]);

Plunker - 更新演示

---

调查您收到undefined 的原因是由于框架中等待摘要周期的性质。获得$resolve 句柄的可接受解决方法包括将调用注入并包装在$timeout 中，这会强制一个摘要循环，在该循环中您的对象将在异步回调中可用。如果这种方法不理想，请放弃注入 $timeout 并直接为您解析的对象调用 $route.current.locals，或者将您的对象作为命名参数注入，如上例所示，它将立即解析。