如何解决Angular的Reactive Forms异步自定义验证器Observable仍处于ng-pending状态
我试图创建正在调用服务器的自定义验证器,服务器以Observable 的形式返回组列表,当我在该字段中输入值时,它仍然保持“ ng-pending” >
create-group.component.ts
ngOnInit(): void {
this.groupForm = new FormGroup({
name: new FormControl(
'',[Validators.required,Validators.minLength(5),Validators.maxLength(50)],this.isExist
),parent: new FormControl(undefined),})
}
isExist(control: AbstractControl): Observable<any | null> {
return this.groupsSettingService.getAllGroups().pipe(
debounceTime(500),map(groups => groups.map(group => {
if (group.name.toLowerCase() === control.value.toLowerCase())
return { isExist: true };
else
return null;
})),first()
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。