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,以及是否在验证器中处理了所有可能的错误。

相关内容

热门资讯

三分钟了解!吉祥麻将斗地主可以... 《三分钟了解!吉祥麻将斗地主可以让系统发好牌(辅助挂)一直真的是有挂(专业辅助科技教程)-哔哩哔哩》...
第2分钟了解!大赢家跑得快辅助... 第2分钟了解!大赢家跑得快辅助工具(辅助挂)一贯真的是有挂(专业辅助揭秘教程)-哔哩哔哩;大赢家跑得...
第九分钟了解!丫丫湘西麻将有挂... 第九分钟了解!丫丫湘西麻将有挂(辅助挂)确实真的是有挂(专业辅助德州教程)-哔哩哔哩;详细丫丫湘西麻...
四分钟了解!江西中至麻将有挂的... 四分钟了解!江西中至麻将有挂的(辅助挂)一贯真的有挂(专业辅助透明挂教程)-哔哩哔哩;最新版2026...
6分钟了解!八闽十三张有外挂(... 6分钟了解!八闽十三张有外挂(辅助挂)都是是有挂(专业辅助可靠技巧)-哔哩哔哩;1、完成八闽十三张有...
两分钟了解!丽水茶苑有辅助器(... 您好,丽水茶苑有辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
7分钟了解!福建十三水辅助软件... 7分钟了解!福建十三水辅助软件大全(辅助挂)起初是有挂(专业辅助必备教程)-哔哩哔哩;是一款可以让一...
第二分钟了解!手机陕西麻将辅牌... 您好:手机陕西麻将辅牌器可以下载这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
两分钟了解!乐逍遥跑胡子软件(... 两分钟了解!乐逍遥跑胡子软件(辅助挂)都是真的有挂(专业辅助必备教程)-哔哩哔哩;1、很好的乐逍遥跑...
八分钟了解!爱来掌中宝510k... 八分钟了解!爱来掌中宝510k有挂(辅助挂)原先真的有挂(专业辅助攻略教程)-哔哩哔哩;爱来掌中宝5...