在angular 7中显示http post之后的数据

在Angular 7中显示HTTP POST之后的数据，可以通过以下步骤实现：

1. 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
2. 在组件的HTML模板中，使用Angular的数据绑定语法来显示POST请求返回的数据。例如，可以使用插值表达式{{ data }}来显示数据，其中data是组件中定义的一个变量。
3. 在组件的TypeScript文件中，使用Angular的HttpClient模块来发送POST请求，并订阅返回的数据。首先，导入HttpClient模块和相关的依赖项：

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';

1. 在组件的构造函数中注入HttpClient：

constructor(private http: HttpClient) { }

1. 在需要发送POST请求的方法中，使用HttpClient的post方法发送请求，并订阅返回的数据。例如：

postData(): void {
  const url = 'http://example.com/api/post'; // 替换为实际的POST请求URL
  const body = { key: 'value' }; // 替换为实际的POST请求参数

  this.http.post(url, body).subscribe((response) => {
    console.log(response); // 打印返回的数据
    this.data = response; // 将返回的数据赋值给组件中的变量
  });
}

1. 在组件的HTML模板中调用该方法，例如通过按钮的点击事件触发：

<button (click)="postData()">发送POST请求</button>

以上步骤可以实现在Angular 7中显示HTTP POST之后的数据。请注意，实际的POST请求URL和参数需要根据具体情况进行替换。另外，可以根据需要对返回的数据进行进一步处理，例如展示在表格中或者进行其他操作。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。腾讯云云服务器提供了可靠的计算能力，适用于部署和运行各种应用程序。腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务，适用于存储和管理应用程序的数据。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql