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无法过滤选项的方法。

相关内容

热门资讯

科普“新玄龙斗牛卡牌”wpk透... 1、科普“新玄龙斗牛卡牌”wpk透视辅助方法(素来存在有挂)。2、新玄龙斗牛卡牌透视辅助简单,新玄龙...
黑科技辅助挂!WPK透视辅助,... 黑科技辅助挂!WPK透视辅助,(wPk)原来有挂,新版2025教程(有挂插件);wPk是一种具有地方...
实操分享“新九哥辅助软件”德州... 实操分享“新九哥辅助软件”德州来玩辅助器(本来有挂);支持多人共享记分板与复盘,通过邀请好友或转让记...
黑科技辅助挂!(德州wpk)其... 黑科技辅助挂!(德州wpk)其实真的有挂,(来玩德州app)真是是真的有挂,解密教程(有挂攻略)黑科...
科技揭秘“上饶打炸攻略”hhp... 科技揭秘“上饶打炸攻略”hhpoker是真的吗(果然真的有挂)是一款可以让一直输的玩家,快速成为一个...
黑科技辅助挂!(红龙扑克)一直... 黑科技辅助挂!(红龙扑克)一直真的是有挂,(红龙扑克)真是是有挂,必备教程(有挂透明挂)1、首先打开...
分享给玩家“手机脚本辅助软件”... 1、分享给玩家“手机脚本辅助软件”aapoker能控制牌吗(其实真的有挂)(UU poker、手机脚...
黑科技辅助挂!(AAPOker... 黑科技辅助挂!(AAPOker)原来是真的有挂,(AAPOKeR)一直是真的有挂,微扑克教程(有挂科...
六分钟了解“福建兄弟十三水安卓... 此外,数据分析德州(福建兄弟十三水安卓)辅助神器app还具备辅助透视行为开挂功能,通过对客户福建兄弟...
黑科技辅助挂!(AApoker... 黑科技辅助挂!(AApoker)竟然真的是有挂,(aAPOKER)其实真的有挂,第三方教程(有挂透明...