AngularMaterialAutoComplete中的异步验证器无法注册错误。
创始人
2024-10-28 08:01:20
0

要在Angular Material AutoComplete中注册异步验证器的错误,可以在异步验证器中使用相应的FormControl。这可以通过在asyncValidator中手动添加错误来完成。以下是示例代码:

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'autocomplete-example',
  templateUrl: 'autocomplete-example.html',
})
export class AutocompleteExample {
  form: FormGroup;
  myControl = new FormControl('', {
    asyncValidators: [this.exampleValidator],
  });

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.form = this.fb.group({
      myControl: this.myControl,
    });
  }

  exampleValidator(control: FormControl): Observable<{ [key: string]: any }> {
    return Observable.of([true]).delay(1000).map(() => {
      if (control.value === 'example') {
        control.setErrors({ 'exampleError': true });
      } else {
        control.setErrors(null);
      }
      return null;
    });
  }
}

在上面的代码中,我们可以使用FormControl的setErrors方法手动添加错误。如果值等于“example”,则会添加自定义错误“exampleError”。如果没有错误,则将设置错误为null。

这样,我们就可以在Angular Material AutoComplete中注册异步验证器的错误了。

相关内容

热门资讯

透视练习!newpoker脚本... 透视练习!newpoker脚本(透视)epoker透视(辅助)一贯一直都是有插件(哔哩哔哩)1、任何...
目前!菠萝德普辅助器免费版在哪... 目前!菠萝德普辅助器免费版在哪里(透视)兴动互娱技巧(果然是真的辅助下载)-哔哩哔哩1、下载好兴动互...
经核实!wepoker辅助软件... 经核实!wepoker辅助软件视频(透视)金虎爷有挂吗(其实有辅助插件)-哔哩哔哩1、在wepoke...
透视积累!红龙poker辅助(... 透视积累!红龙poker辅助(透视)pokerrrr2辅助(辅助)果然一直总是有工具(哔哩哔哩);1...
现有关情况通报如下!pokem... 现有关情况通报如下!pokemmo手机脚本辅助器(透视)透视辅助功能插件(好像真的是有辅助工具)-哔...
透视步骤!werplan怎么作... 透视步骤!werplan怎么作必弊(透视)拱趴大菠萝有挂吗(辅助)切实是有方法(哔哩哔哩)1、玩家可...
随着!扑克之星辅助(透视)浙江... 随着!扑克之星辅助(透视)浙江温州游戏辅助器(真是真的是有辅助工具)-哔哩哔哩1、浙江温州游戏辅助器...
透视学习!epoker免费透视... 透视学习!epoker免费透视脚本(透视)werplan免费挂下载(辅助)都是真的是有插件(哔哩哔哩...
据权威媒体报道!we poke... 据权威媒体报道!we poker游戏下(透视)创思维激k看底牌辅助开发商(原来有辅助神器)-哔哩哔哩...
透视演示!德州局透视(透视)i... 透视演示!德州局透视(透视)impoker辅助(辅助)切实一直总是有教程(哔哩哔哩)1、金币登录送、...