在Angular 7中,如果您使用httpClient.post方法发送POST请求并订阅返回的数据,您可以通过将数据存储在组件的属性中,并在模板中使用该属性来访问数据。
以下是一个示例代码:
在组件类中:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-your-component',
template: `
{{ responseData }}
`
})
export class YourComponent {
responseData: any;
constructor(private http: HttpClient) {}
postData() {
const url = 'your-api-url';
const data = { key: 'value' };
this.http.post(url, data).subscribe(response => {
this.responseData = response;
});
}
}
在上述示例中,我们通过http.post方法发送POST请求,并在订阅响应时将响应数据存储在组件的responseData属性中。然后,在模板中使用*ngIf指令来检查responseData是否存在,并显示数据。
请注意,您需要在组件的构造函数中注入HttpClient,并使用import语句导入HttpClient模块。
希望这可以帮助到您!