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

相关内容

热门资讯

黑科技新版!aapoker有挂... 黑科技新版!aapoker有挂(wepokeai代打)原先真的是有挂(有挂细节)-哔哩哔哩是一款可以...
黑科技实锤!德扑之星猫腻(aa... 黑科技实锤!德扑之星猫腻(aa poker有外挂吗)原先真的是有挂(揭秘有挂)-哔哩哔哩1、每个玩家...
黑科技科技!德扑ai软件购买(... 黑科技科技!德扑ai软件购买(aapokerai辅助)真是有挂(有挂助手)-哔哩哔哩1、让任何用户在...
黑科技新版!扑克之城可以那假(... 黑科技新版!扑克之城可以那假(wepoke智能ai)最初真的有挂(有挂总结)-哔哩哔哩1、这是跨平台...
黑科技教程!哈糖大菠萝有外挂(... 黑科技教程!哈糖大菠萝有外挂(wpk ai辅助)先前是真的有挂(揭秘有挂)-哔哩哔哩1、起透看视 w...
黑科技app!云扑克是否有外挂... 1、黑科技app!云扑克是否有外挂(微扑克如何让系统发好牌)从来是真的有挂(有挂透明挂)-哔哩哔哩;...
黑科技ai代打!智星德州菠萝安... 您好,wpk ai辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
黑科技真的!aapoker透明... 黑科技真的!aapoker透明挂使用教程(wepoke辅助插件)切实存在有挂(有挂神器)-哔哩哔哩1...
黑科技攻略!众合推扑克辅助工具... 黑科技攻略!众合推扑克辅助工具(德扑AI策略软件)竟然是有挂(有挂存在)-哔哩哔哩1、打开德州pok...
黑科技能赢!gg扑克有假(线上... 黑科技能赢!gg扑克有假(线上wpk德州ai机器人)固有真的有挂(有挂教程)-哔哩哔哩;一、线上wp...