在Angular 8中,可以使用HttpClient模块来执行POST方法并发送响应式表单数据。以下是一个示例解决方案:
import { HttpClient } from '@angular/common/http';
import { FormGroup, FormBuilder } from '@angular/forms';
constructor(private http: HttpClient, private formBuilder: FormBuilder) { }
myForm: FormGroup;
ngOnInit() {
this.myForm = this.formBuilder.group({
name: '',
email: '',
message: ''
});
}
onSubmit() {
const formData = this.myForm.value;
this.http.post('your-api-endpoint', formData).subscribe((response) => {
console.log('Response:', response);
// 处理成功响应
}, (error) => {
console.error('Error:', error);
// 处理错误
});
}
在上述示例中,替换'your-api-endpoint'为你的实际API端点。当用户提交表单时,将调用onSubmit方法,并使用HttpClient发送POST请求并将表单数据作为请求体发送到API端点。