在angular 4中完成post调用时刷新数据

在Angular 4中完成POST调用时刷新数据，可以通过以下步骤实现：

1. 首先，确保已经导入了HttpClient模块，该模块提供了HTTP请求的功能。在需要使用POST请求的组件中，导入HttpClient模块：

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

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

constructor(private http: HttpClient) { }

1. 创建一个方法来发送POST请求并刷新数据。在该方法中，使用HttpClient的post方法发送POST请求，并订阅返回的Observable以获取响应数据。在响应的回调函数中，更新组件的数据。

refreshData() {
  this.http.post('your-api-url', postData).subscribe(response => {
    // 更新数据
    this.data = response;
  });
}

在上述代码中，'your-api-url'是你的后端API的URL，postData是要发送的POST数据。

1. 在需要刷新数据的地方调用refreshData()方法。例如，可以将该方法与一个按钮的点击事件绑定，点击按钮时触发刷新数据的操作。

<button (click)="refreshData()">刷新数据</button>

这样，当按钮被点击时，会发送POST请求并刷新数据。

请注意，以上代码仅为示例，实际情况中需要根据具体的后端API和数据结构进行相应的调整。

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

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