在Angular 7中显示HTTP POST之后的数据,可以通过以下步骤实现:
{{ data }}
来显示数据,其中data
是组件中定义的一个变量。import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';
constructor(private http: HttpClient) { }
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; // 将返回的数据赋值给组件中的变量
});
}
<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
领取专属 10元无门槛券
手把手带您无忧上云