如何使用ngx-formly执行异步验证和去抖动？
如何使用ngx-formly执行异步验证和去抖动？
提问于 2021-10-18 16:54:56
我在我的表单配置中尝试了以下内容：
fields: FormlyFieldConfig[] = [
{
key: 'text',
type: 'input',
modelOptions: {
debounce: {
default: 2000,
},
},
templateOptions: {
label: 'Debounce',
},
validators: ["test"]
},
];和下面的FormlyConfig定义：
{
validationMessages: [
{
name: 'test',
message: "The value cannot be X",
},
],
validators: [
{
name: "test",
validation: ((control: FormControl) => {
return !!control.value || control.value === "X" ? null : {test: true};
})
}
]
}我观察到的是，无论指定的去抖动如何，验证器都会立即运行。
此外，模型会使用去抖动进行更新，而角度形状会立即更新。
这是一个bug还是预期的行为？如何使用ngx-formly来揭穿验证？
这是一个堆栈闪电战：
https://stackblitz.com/edit/angular-knzoth?file=src/app/app.module.ts
谢谢!
Stack Overflow用户
发布于 2021-10-18 21:03:45
解决方法如下：
validation: (control: FormControl): ValidationErrors => {
if (!control.value) {
return of(null);
}
return control.valueChanges.pipe(
startWith(control.value),
debounceTime(500),
distinctUntilChanged(),
switchMap(value => value === "X" ? null : {test: true}),
first()
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69619810
复制相关文章
相似问题
腾讯云开发者
