Angular 8：同步/顺序运行组件类方法

Question

如何在 Angular Typescript 中同步运行方法？ 这些不是函数，而是方法。 第一个调用服务，然后第二个保存到数组中。

runTwoMethods()
{
  this.validateAddress();
  this.saveJsonArchive();
}

验证地址可能会调用更多的子方法，甚至可能不是Api，所以要等到一切都完成后再保存。

以下语法用于函数，目前正在搜索类方法，

Angular / TypeScript - Call a function after another one has been completed

最后，数据被存储到当前数据对象中。我想成为 保存到存档。也许另一种可能性，我如何保持 AddressCurrentMailing 和 JSONArchive[2] 同步？

当前Data对象来源于API，不确定在哪里（也不允许我编辑API，然后调用转换），然后想保存到JsonArchive中。

 this.jsonArchive[this.jsonArchiveCounter] = this.addressCurrentMailingFinalData

Answer 1

您可以使用Observable 作为第一个，并在回调中使用Subscribe 之后的第二个方法：

validateAddress(): Observable<Someclassname>
{
    return this._http.get<Someclassname>('url');
}

this.yourService.validateAddress().subscribe(
                (result) => { 
                  this.saveJsonArchive();
                },
                (error) => console.log('NO saveJsonArchive'));

编辑（validateAddress 和多个Observable）

const ox: Observable<Someclassname>[] = [];
ox.push(this.http.get<Someclassname>(url1));
ox.push(this.http.get<Someclassname>(url2));
ox.push(this.http.get<Someclassname>(url3));
forkJoin(ox).subscribe(result => this.saveJsonArchive());

Answer 2

你可以在 "this.validateAddress();" 中返回一个 Promise并等待它。

我假设你使用 Angular HttpClient。

例如：

private validateAddress(): Promise<someclassname>
{
    return this._http.get<someclassname>("someurl").toPromise()
}


async addSeasonal()
{
    await this.validateAddress();
    await this.saveJsonArchive();
}

我希望这会有所帮助。