垫自动完成-示例功能过滤器错误

时间:2020-02-12 15:30:04

标签: angular-material angular6 mat-autocomplete

我对使用垫式自动完成材料设计的示例有疑问。 google提供的示例函数,在构建中出现错误,如图所示。

位于https://material.angular.io/components/autocomplete/overview#setting-separate-control-and-display-values

的Google示例
this.filteredOptions = this.myControl.valueChanges
      .pipe(
        startWith(''),
        map(value => typeof value === 'string' ? value : value.name),
        map(name => name ? this._filter(name) : this.options.slice())
      );

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

我使用 // @ ts-ignore 暂时解决了问题,但我认为这不是最好的方法。你怎么说?

  carregarLocaisPorMunicipio(municipio: string){
    this.relatorioService.getLocaisPorMunicipio(municipio).subscribe(
      locais => {        
        this.locais = locais
        this.filteredLocais = this.form.get('local').valueChanges
        .pipe(
          startWith(''),
          //@ts-ignore
          map(value => typeof value === 'string' ? value : value.deLocal),
          map(value => this.filtrarLocais(value))
        );
      }
    )
  }