javascript - 使用 Typescript 时，如何从代码中执行 return defer.resolve() ？

Question

我编写了一个返回 promise 的函数。该函数检查是否有任何配置数据，如果没有，则发出 $http 调用来获取它。这是我使用的代码。

   get = (source): ng.IPromise<any> => {
        var self = this;
        var defer = this.$q.defer();
        if (this.loaded == true) {
            return defer.resolve();
        } else {
            this.$http({
                url: '/api/Config/Get',
                method: "GET"
            })
            .success((data: any) => {
               // Some code
            })
            .finally(function () {
                self.loaded = true;
                return defer.resolve();
            })
        }
        return defer.promise;
    }

我的 typescript 有问题。它在 return defer.resolve(); 上给了我一个错误线。错误信息是:

错误 183 无法将“void”转换为“ng.IPromise”

有人可以告诉我如何返回解析结果吗？看来 return defer.resolve() 可能不是我需要做的。

Answer 1

我们仍然需要返回 promise ，所以不要这样:

if (this.loaded == true) {
    return defer.resolve();
} else {
...

我们应该使用

if (this.loaded == true) {
    defer.resolve();
    return defer.promise; // here is what MUST be returned, even if resolved already
} else {
...

注意:我也会更改这一小部分:

.finally(function () {
    self.loaded = true;
    return defer.resolve();
})

进入箭头函数:

.finally( () => {
    this.loaded = true;      // this is now what we would expect to be,
    defer.resolve();         // because the 'self' is created by compiler
    return promise;          // also return the promise
})