在angular 7中如何等待后端spring boot api的响应

在Angular 7中，可以使用异步操作和RxJS来等待后端Spring Boot API的响应。

1. 首先，确保已经安装了RxJS库。可以通过以下命令进行安装：

npm install rxjs

1. 在Angular组件中，可以使用Observables来处理异步操作。在组件中引入HttpClient模块，并在构造函数中注入：

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

1. 在需要等待后端API响应的方法中，使用http.get()方法发送HTTP GET请求，并返回一个Observable对象。可以使用subscribe()方法来订阅这个Observable，并在响应返回时执行相应的操作。例如：

getDataFromAPI() {
  this.http.get('api-url').subscribe(
    (response) => {
      // 处理响应数据
    },
    (error) => {
      // 处理错误
    }
  );
}

1. 如果需要在模板中显示等待响应的状态，可以在组件中定义一个布尔类型的变量，例如isLoading，并在发送请求前将其设置为true，在响应返回后将其设置为false。在模板中可以使用这个变量来显示相应的加载状态。

isLoading: boolean = false;

getDataFromAPI() {
  this.isLoading = true;

  this.http.get('api-url').subscribe(
    (response) => {
      // 处理响应数据
      this.isLoading = false;
    },
    (error) => {
      // 处理错误
      this.isLoading = false;
    }
  );
}

在模板中使用isLoading变量：

<div *ngIf="isLoading">正在加载...</div>

这样，在发送请求时，会显示"正在加载..."，在响应返回后，会隐藏该消息。

请注意，以上示例中的api-url应替换为实际的后端API地址。另外，根据具体需求，可能需要在http.get()方法中添加请求参数、请求头等。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：腾讯云云服务器
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理大规模非结构化数据。详情请参考：腾讯云对象存储