在Angular 9中,表单提交有多种方法可以选择。以下是其中一种常见的解决方法,包含代码示例:
ngForm
指令来创建表单,并使用ngModel
指令来绑定表单控件的值。
onSubmit
方法来处理表单提交事件。在该方法中,可以获取表单的值并执行相应的操作,例如发送到服务器。import { Component } from '@angular/core';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
onSubmit(form: NgForm) {
if (form.valid) {
const formData = form.value;
// 执行相应的操作,例如发送到服务器
console.log(formData);
}
}
}
请注意,上述代码示例假设已经正确导入了NgForm
类。此外,还需要确保已经在模块中导入了FormsModule
,以便能够使用Angular的表单功能。
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
],
declarations: [
FormComponent
]
})
export class AppModule { }
通过以上解决方法,您可以在Angular 9中实现表单的提交选项。请根据您的具体需求进行相应的调整。