Question

我正在尝试实例化一个控制器，使用“resolve”对象传递参数。这是语法：

{
  controller: 'HtmlModalController',
  resolve: {
    myarg: function() {
      return "FOO";
    }
  }
}

这将导致我的控制器将“myarg”变量作为参数注入，值为“FOO”。

现在，此语法还支持promises，它将在实例化控制器时自动解析。

  resolve: {
    myarg: function() {
      // Does the same as above (auto-resolved promise)
      return $q.when("FOO");
    }
  }

现在，问题是：如何向控制器注入承诺？我不希望解决承诺，因为我将在加载控制器后解决它。我试图嵌套多个promises，但它们都在控制器中被解析回“FOO”值。

  resolve: {
    myarg: function() {
      // All promises are resolved for me :'(
      return $q.when($q.when("FOO"));
    }
  }

我现在唯一的解决方案是将promise包装到函数/对象中：

  resolve: {
    myarg: function() {
      // So in my controller I can do "myarg.promise.then(...)"
      return {promise: $q.when("FOO")};
    }
  }

我知道这是一个非阻塞的细节，但我想知道是否有办法正确解决“作为承诺”的承诺。

谢谢=）

Answer 1

如果没有将其隐式递归地解包为最终值，则无法解决承诺。承诺的解决将始终以承诺的结果解决，而不是承诺本身。

唯一的选择就是像使用{p: promise }和then方法一样传递包装器。

Answer 2

您可以使用的一种模式是提供承诺并在内部缓存它的服务。

function MyService() {
    var promise;
    this.getSomePromise = function() {
        if(!promise) {
            promise = $q.when(...); // whatever produces your promise
        }
        return promise;
    }
}

myModule.service('myService', MyService);

然后，您可以在控制器中依赖此服务：

myModule.controller('MyController', function(myService) {
    myService.getSomePromise().then(result => ...);
});

除了使用它来阻止你的决心：

resolve: {
    /** 
      * Note: we are not actually injecting this. 
      * Only using it to block the route. The name blocker is arbitrary and could be anything.
      */
    blocker: function(myService) {
        return myService.getSomePromise();
    }
}

这允许您根据需要将多个处理程序连接到服务方法，同时确保仅对基础异步操作和1个promise实例进行1次调用。

AngularJS：使用“resolve”

2 个答案: