我正在用angular 4工作。我在formArray下面创建了用于创建多个动态表单的表单。
this.addForm = FormBuilder.group({
userRows: FormBuilder.array([])
});
addNewRow() {
const control = <FormArray>this.addAdminForm.controls['userRows'];
control.push(this.initAdminRows());
}
initAdminRows() {
return this._fb.group({
'userEmail': ['', Validators.required],
'userName': ['', Validators.required],
});
}
例如,如果我添加2个表单并为userEmail控件放置相同的值。那时我想显示错误消息并使我的“保存”按钮禁用。
<button (click)="addNewRow()"> ADD </button>
<button (click)="saveData()" [disabled]="addForm .controls.userRows.invalid">
Continue
</button>
提前谢谢。