在Angular中,如果您使用表格网格视图来呈现表单控件,那么您需要使用FormControlName指令来将表单控件绑定到表格单元格中。
示例代码如下:
1.在组件类中导入FormControl和FormGroup模块,
import { Component } from '@angular/core'; import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
2.在组件类中初始化FormControl和FormGroup
export class MyTableComponent { myForm: FormGroup;
constructor(private fb: FormBuilder) {
this.myForm = this.fb.group({
fName: ['', Validators.required],
lName: ['', Validators.required],
email: ['', Validators.email],
address: this.fb.group({
street: '',
city: '',
state: '',
zip: ''
}),
});
}
}
3.在表格HTML代码中添加FormControlName和验证规则
在上面的示例中,使用formControlName指令绑定了