AngularMaterial无法过滤选项
创始人
2024-10-28 11:01:45
0
  1. 确认使用的版本是否支持过滤功能。在使用mat-select时,需要在module中导入MatSelectModule,并且设置formControl属性,如下所示:
import { MatSelectModule } from '@angular/material/select';
import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
 imports: [
   ReactiveFormsModule,
   MatSelectModule
 ],
 declarations: [AppComponent],
 bootstrap: [AppComponent]
})
export class AppModule { }
  1. 确认是否正确使用matAutocomplete指令。例如,如果要过滤mat-option选项,请确保您已经将matAutocomplete指令添加到input元素上,如下所示:

  
  
    
      {{option}}
    
  

  1. 确认过滤条件是否正确。您可以根据需要过滤选项,例如根据输入的文本过滤选项,如下所示:
ngOnInit() {
 this.filteredOptions = this.myControl.valueChanges
   .pipe(
     startWith(''),
     map(value => this.filter(value))
   );
}

filter(value: string): string[] {
 const filterValue = value.toLowerCase();
 return this.options.filter(option => option.toLowerCase().includes(filterValue));
}

以上是解决Angular Material无法过滤选项的方法。

相关内容

热门资讯

查到实测辅助!hhpoker脚... 查到实测辅助!hhpoker脚本下载,wpk德州局透视,原来存在有挂(存在有挂)一、可以开透视的定义...
最新研发!pokemmo辅助器... 最新研发!pokemmo辅助器脚本下载,大菠萝免费辅助,总是真的有挂(证实有挂)1、打开软件启动之后...
总算明白!wpk透视辅助,德普... 总算明白!wpk透视辅助,德普之星怎么设置埋牌,本来真的有挂(有挂解密)1、下载好正确养号方法之后点...
玩家必备教程!pokeplus... 玩家必备教程!pokeplus脚本,hhpoker外挂靠谱吗,切实有挂(有挂技巧)1、有没有辅助教程...
今日焦点!hhpoker万能辅... 今日焦点!hhpoker万能辅助器,wpk透视是真的假的,切实存在有挂(有挂攻略)1、下载好脚本下载...
发现一款!wepoker科技辅... 发现一款!wepoker科技辅助器,xpoker辅助器,好像是真的有挂(有挂教程)1、透视辅助软件激...
我来分享!智星菠萝辅助,wep... 您好,wepoker辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
分享给玩家!wepoker一直... 分享给玩家!wepoker一直输的号能继续打吗,wepoker轻量版辅助,一直是有挂(有挂总结)1、...
玩家必备攻略!wepoker游... 玩家必备攻略!wepoker游戏安装教程,HH平台挂,竟然真的有挂(真实有挂)能透视中分为三种模型:...
揭秘攻略!wepoker软件安... 揭秘攻略!wepoker软件安装包,约局吧如何查看是否有挂,都是真的是有挂(果真有挂)进入游戏-大厅...