Angular的异步验证器卡住了
创始人
2024-10-24 11:32:07
0

检查您的异步验证器是否正确,并确保它返回一个Observable对象。

例如,下面的代码演示了如何使用异步验证器来验证输入的值是否唯一:

import { AsyncValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';
import { Observable, of } from 'rxjs';
import { map, catchError } from 'rxjs/operators';
import { UserService } from 'app/services/user.service';

export function uniqueNameValidator(userService: UserService): AsyncValidatorFn {
  return (control: AbstractControl): Observable => {
    return userService.checkName(control.value).pipe(
      map(res => {
        // 如果名字可用,返回null表示验证成功
        return res ? null : { nameExists: true };
      }),
      catchError(() => {
        // 如果存在错误,返回一个任意的非空值,表示验证失败
        return of({ nameExists: true });
      })
    );
  };
}

在上面的代码中,我们定义了一个名为uniqueNameValidator的异步验证器函数,该函数接收一个UserService对象作为参数。 我们使用管道操作符map和catchError来处理异步验证器的返回值,并返回一个Observable对象。 在map操作符中,我们将异步验证器的结果转换为ValidationErrors对象或null。 如果用户的名字已存在,则我们返回{ nameExists : true }。 如果存在错误,则我们返回一个非空值。

如果您的异步验证器仍然卡住了,请检查您是否正确使用了Observable,以及是否在验证器中处理了所有可能的错误。

相关内容

热门资讯

透视辅助!aapoker有什么... 透视辅助!aapoker有什么规律吗,aapoker能玩原来是有挂(详细有猫腻教程)辅助器中分为三种...
透视辅助!红龙扑克竟然是真的有... 透视辅助!红龙扑克竟然是真的有挂,红龙扑克果然是真的有挂(详细辅助工具教程);无聊就玩这款真的有辅助...
透视辅助!微扑克网页版辅助,(... 透视辅助!微扑克网页版辅助,(微扑克总结)其实有挂(详细wpk透视辅助教程)1)wpk透视辅助辅助挂...
一分钟了解!!红龙poker正... 一分钟了解!!红龙poker正规吗,红龙扑克真是存在有挂(详细辅助器教程);小薇(透视辅助)致您一封...
5分钟了解!微扑克透视辅助脚本... 5分钟了解!微扑克透视辅助脚本,微扑克规律一直真的是有挂(详细wpk透视辅助教程)所有人都在同一条线...
透视辅助!aaPOKER原来是... 透视辅助!aaPOKER原来是真的有挂,aapoker辅助确实存在有挂(详细外卦挂教程);1、实时a...
透视辅助!微扑克ai辅助器苹果... 透视辅助!微扑克ai辅助器苹果版,(微扑克代码)本来是真的有挂(详细ai辅助器苹果版教程)是一款可以...
盘点一款!!德扑计算胜率软件,... 盘点一款!!德扑计算胜率软件,德扑之星模拟器竟然是真的有挂(详细线上房间教程);一、AI软件牌型概率...
透视辅助!wPK透视辅助软件,... 透视辅助!wPK透视辅助软件,WPK线上其实真的是有挂(详细透明挂教程)1、打开软件启动之后找到中间...
透视辅助!wPk果然有挂,wp... 透视辅助!wPk果然有挂,wpk机制好像存在有挂(详细透明挂教程)1、进入游戏-大厅左侧-新手福利-...