javascript - Angular 2 : Synching two post requests

Question

我有两个需要作为同步调用执行的 ajax post 请求。场景是表单正在创建两种不同类型的对象，这些对象需要作为 post 请求发送到不同的 API，并且我必须在 UI 上显示动画，直到两个 API 都将结果返回给 UI。

任何帮助!

编辑添加代码

  doApproveSingle() {
    //animation part
    this.loading = true
    //call 1
    this._http.post('api/single', this.approvedChanges, contentHeaders).subscribe(resp => { 
    }, error => {
    })
    //call 2
    this._http.post('api/new', this.approveNew, contentHeaders).subscribe(resp => {
    }, error => {
    })
  }

有两个 post 请求我需要在两个调用完成后关闭该动画，这部分需要帮助。

Answer 1

  doApproveSingle() {
    //animation part
    this.loading = true
    //call 1
    let obs1 = this._http.post('api/single', this.approvedChanges, contentHeaders)
    .map(resp => { ... });
    //call 2
    let obs2 = this._http.post('api/new', this.approveNew, contentHeaders)
    .map(resp => { ... });
    Observable.zip([obs1, obs2]).subscribe(val => this.loading = false);
  }

如果在各个 HTTP 调用完成后无事可做，则可以省略 .map(...) 部分。