Angular2 – 如何在组件中链接异步服务调用(http请求)？

发布时间：2020-12-17 07:53:09 所属栏目：安全来源：网络整理

导读：我有一个组件,首先需要调用POST的服务.然后在同一个组件中我想等到POST完成后,调用另一个获取数据的服务. 如何进行GET调用等待POST调用完成？在new-version.component.ts中： private createNewVersion(value) { ... // create new version,then call on al

我有一个组件,首先需要调用POST的服务.然后在同一个组件中我想等到POST完成后,调用另一个获取数据的服务.

如何进行GET调用等待POST调用完成？

在new-version.component.ts中：

private createNewVersion(value) {
    ...

    // create new version,then call on all available versions

    // POST call
    this._newVersionService.createNewVersion(vnr);

    // GET call
    this._versionService.getAvailableVersions(); 

    ...
}

在new-version.service.ts中：

export class NewVersionService {

response$: Subject<any>;

constructor(private _http: Http) {
    this.response$= new BehaviorSubject<any>(null);
 }

public createNewVersion(versionNr) {    
    this._http.post('http://localhost:8080/services/' + versionNr,null,{
        method: 'POST',})
    .subscribe(response => {
        this.response$.next(response.status);
    },error => console.error(error));
}

谢谢！

当一个调用返回一个Promise链时调用

someFunction() {
  return returnsPromise()
    .then(result => doSomethingNext())
    .then(result => doSomethingAfterThat());
}

确保你有一个返回该链的Promise的返回值,因此someFunc()的调用者也有机会在doSomethingAfterThat()完成后执行额外的工作.

当一个调用返回一个Observable时,然后使用完整的回调

someFunction() {
  return returnsObservable()
    .subscribe(
      event => doForEachEvent(),error => handleError(),() => doSomethingNext()
          .then(result => doSomethingAfterThat());
}

doSomethingNext()在最后一个事件之后执行,doSomethingAfterThat()再次与then()链接以显示如何混合observable和promise.做一点事().

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!