1

使用“FormBuilder”在父组件中创建的表单对象，如下所示

constructor(private _fb: FormBuilder) { }
ngOnInit() {
    this.testForm = this._fb.group({});
}

表单对象的实例将传递给子组件，以便子组件中的输入字段可以绑定到父组件表单。（已为不同类型的输入字段创建了子组件，以便它们可以重复使用）

<shared-ux-input-password
    [parentForm]="testForm"
    [isParentFormSubmitted]="false"
    [inputFieldControlName]="'password'"
    [confirmPasswordRequired]="true">
 </shared-ux-input-password>

在子组件中，使用以下代码创建输入字段

let passwordFieldControl: FormControl = new FormControl('', Validators.compose([Validators.required, this.customValidatorFunction));
 this.parentForm.addControl(this.inputFieldControlName, passwordFieldControl);

由于此子组件处理密码和确认密码，因此需要触发相同的自定义验证器函数来检查密码和确认密码是否匹配。

现在如何触发相同的自定义验证器功能，该功能可以从两个字段中获取值并在密码和确认密码不匹配时给出错误？

谢谢您的帮助。

4

0 回答 0