电子邮件的Angular 4 Formarray唯一值验证

时间:2018-07-13 09:37:50

标签: angular angular4-forms

我正在用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>

提前谢谢。

0 个答案:

没有答案