javascript - 在 Angular 中将 Promise 从一个服务调用传递到另一个服务调用

Question

所以我有一个服务调用到后端并保存一个对象，该调用设置了返回一个数字的 promise 。

那个电话看起来像这样

    saveTcTemplate(item: ITermsConditionsTemplate): ng.IPromise<number> {
        item.modifiedDate = new Date();
        return this.$http.post(this.api + '/SaveTcTemplate', item)
            .then(this.returnData); 
    }

    returnData = (response: any) => {
        return response.data;
    };

这是在创建一个新的对象时，所有的字段都被设置为他们需要的值，传递给保存，然后调用显示。

这是用于在保存后拉取对象的 get 函数。

    getTermsConditions(id: number): ng.IPromise<ITermsConditionsTemplate> {
        return this.$http.get(this.api + '/GetTermsConditions',
            {
                params: {
                    id: id
                }
            }).then(this.returnData);
    }

这是对象的初始构造、保存和获取

                this.newTemplate.copyId = 0;
                this.newTemplate.id = 0;
                this.newTemplate.isLibrary = true;
                this.newTemplate.studyFacilityScheduleId = this.studyFacilityScheduleId;
                this.studyTermsConditionsService.saveTcTemplate(this.newTemplate)
                    .then(this.studyTermsConditionsService.getTermsConditions)
                    .then(this.setTemplateData);

当像这样设置时，我可以成功保存一个新项目，并将其 id(ng.IPromise 部分)返回给我，并传递到我的 Get 服务调用中。

问题是，当以这种方式设置时，this.$http.get 返回未定义。据我所知，我从其他类似的堆栈溢出问题中了解到，它正在发生，因为我在调用该函数时没有明确地将任何内容传递给它的参数，当我说

.then(this.studyTermsConditionsService.getTermsConditions)

为了测试这一点，我还设置了这样的保存和获取

                var data: any;
                data = this.studyTermsConditionsService.saveTcTemplate(this.newTemplate);
                this.studyTermsConditionsService.getTermsConditions(data)
                    .then(this.setTemplateData);

这有点奏效了。 $http.Get 已被识别并可以使用，但此设置的问题是；由于 ng.IPromise 的异步性质，数据没有作为 promise 的数值发送到我的 Get 函数。它作为 $$promise 类型发送，这导致我的 get 函数中的参数为 NaN。

所以我传递一个可用值的一种方式，即 32，但我没有明确传递这个值，所以 $http.get 是未定义的。

另一种方式，我显式传递了一个参数，因此 $http.get 被识别并可用，但是显式调用的参数是 $$promise 类型，而不是数字类型，不幸的是，似乎 ng.IPromise < number > 未在我调用 Get 函数时解决。

我该如何从这里开始？

Answer 1

我猜你被this搞砸了。当您直接将函数引用作为参数传递时，它会随上下文一起丢失。您应该像下面这样明确地调用它们。

代码

this.newTemplate.copyId = 0;
this.newTemplate.id = 0;
this.newTemplate.isLibrary = true;
this.newTemplate.studyFacilityScheduleId = this.studyFacilityScheduleId;
this.studyTermsConditionsService.saveTcTemplate((response) => this.newTemplate(response))
    .then((response) => this.studyTermsConditionsService.getTermsConditions(response))
    .then((response) => this.setTemplateData(response));

---

否则，您可以让您的函数使用箭头函数，这将有助于在函数内部使用this上下文。

saveTcTemplate(item: ITermsConditionsTemplate): ng.IPromise<number> { .. }

应该是

saveTcTemplate = (item: ITermsConditionsTemplate): ng.IPromise<number> => { .. }

和

getTermsConditions(id: number): ng.IPromise<ITermsConditionsTemplate> { .. }

应该是

getTermsConditions = (id: number): ng.IPromise<ITermsConditionsTemplate> => { .. }