Angular 如何处理多个 HTTP 调用

Question

我有两个 HTTP 序列调用，如下所示：

1. 从 JSON 文件中读取数据：它给了我一个来自 JSON 文件的“URL”

2. GET/POST API 调用：使用 1 中的 URL。

我使用了以下代码：

 this.httpClient.get('/api/apiserver.json').subscribe( apipath => { if (apipath['server'] !== undefined) { this.httpClient.get(apipath['server'] + '/api/manual/xyz?parameter1=' + parameterid).subscribe( (data: any[]) => { // Binding and showing user data } ) } });

我不想每次都调用 API 1，即我可以在某处编写 HTTP 逻辑并在整个项目中全局使用它，然后在组件中按顺序用于其他 GET/POST API 调用。 请建议。

Answer 1

欢迎来到 SO。 您可以创建一个新服务并使用这样的方法调用其中的 API1 -

getMethod() {
  return this.httpClient.get('/api/apiserver.json')
}

然后，您可以随时随地订阅此方法。 希望这可以帮助。