angular 11 FormBuilder 中 FormGroup 和 FormArray 使用

导入模块

@NgModule({
    imports: [
        ReactiveFormsModule,
    ],
})
export class AppModule {}

注入组件

export class EditComponent {
    constructor(
        private fb: FormBuilder,
    ) { }
}

普通表单具体代码

初始化表单

export class EditComponent {
    public form = this.fb.group({
        name: ['', Validators.required],
    });

    constructor(
        private fb: FormBuilder,
    ) { }
}

绑定表单页面

<form [formGroup]="form" (ngSubmit)="tapSubmit()">
    <div class="form-group row">
        <label for="name" class="col-md-3 col-form-label">称呼</label>
        <div class="col-md-9">
            <input type="text"...