问题描述: 当使用Angular 7构建表单时,无法将表单数据提交到数据库。
解决方法:
import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
HttpClientModule,
// 其他模块
],
// 其他配置
})
export class AppModule { }
import { HttpClient } from '@angular/common/http';
export class FormComponent implements OnInit {
constructor(private http: HttpClient) { }
// 其他代码
}
submitForm(formData: any): void {
this.http.post('http://example.com/api/submit', formData)
.subscribe(
response => {
// 处理成功响应
console.log(response);
},
error => {
// 处理错误响应
console.error(error);
}
);
}
这里的'http://example.com/api/submit'是你的后端API的URL,根据实际情况修改。
这里的submitForm方法将表单数据作为参数进行提交。
通过以上步骤,你应该能够将表单数据成功提交到后端数据库。请根据你的实际情况修改代码中的URL和表单数据属性。