如何解决不推荐使用 Angular 自定义验证器错误组:此 API 不是类型安全的
我收到了这个警告
group 已弃用:此 API 不是类型安全的,可能会导致问题
使用 Closure Compiler 重命名。使用 FormBuilder#group
重载
用 AbstractControlOptions
代替。注意
AbstractControlOptions
期望 validators
和 asyncValidators
成为有效的验证者。如果您有自定义验证器,请确保它们
验证函数参数是 AbstractControl
而不是
子类,例如 FormGroup
。这些函数将被调用
AbstractControl
类型的对象并且不能自动
向下转换为子类,因此 TypeScript 将其视为错误。为了
例如,更改 (group: FormGroup) => ValidationErrors|null
签名为 (group: AbstractControl) => ValidationErrors|null
。
如何修复此代码?
export function passwordMatchValidator(
group: AbstractControl
): { invalidRePassword: boolean } | null {
const passwordCtrl: AbstractControl | null = group.get('password');
const passwordConfirmCtrl: AbstractControl | null = group.get(
'passwordConfirm'
);
if (passwordCtrl && passwordConfirmCtrl) {
if (passwordConfirmCtrl.touched || passwordConfirmCtrl.dirty) {
if (passwordCtrl.value !== passwordConfirmCtrl.value) {
passwordConfirmCtrl.setErrors({ invalidRePassword: true });
return { invalidRePassword: true };
}
}
}
return null;
}
this.frm = this.fb.group({
password: ['',Validators.required],passwordConfirm: ['',},{ validator: passwordMatchValidator }
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。