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

相关内容

热门资讯

揭秘关于!海豚大厅透视功能攻略... 揭秘关于!海豚大厅透视功能攻略,海豚大厅一贯是有透视攻略(有辅助挂教学)1、玩家可以在海豚大厅透视最...
传递经验!云烟休闲开挂功能攻略... 传递经验!云烟休闲开挂功能攻略,云烟休闲总是是有开挂攻略(有辅助挂助手)1、进入游戏-大厅左侧-新手...
来一盘!518打牌辅助器功能神... 来一盘!518打牌辅助器功能神器,518打牌本来是真的有辅助器神器(有辅助挂方法)1、518打牌免费...
专业讨论!微乐广东麻将辅助器功... 专业讨论!微乐广东麻将辅助器功能神器,微乐广东麻将切实有辅助器神器(有辅助挂详情)1、微乐广东麻将透...
大家学习交流!火神透视挂功能脚... 大家学习交流!火神透视挂功能脚本,火神都是有透视挂脚本(有辅助挂规律)1、很好的工具软件,可以解锁游...
程序员教你!麻将争霸花牌开挂功... 程序员教你!麻将争霸花牌开挂功能方法,麻将争霸花牌竟然有开挂方法(有辅助挂头条)1、用户打开应用后不...
一分钟了解!神武4辅助功能软件... 一分钟了解!神武4辅助功能软件,神武4确实存在有辅助软件(有辅助挂详情)1、一分钟了解!神武4辅助功...
技术分享!沐沐福建麻将透视功能... 您好,沐沐福建麻将这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
教学盘点!小巷娱乐透视挂功能教... 教学盘点!小巷娱乐透视挂功能教程,小巷娱乐本来是有透视挂教程(有辅助挂方式)1、首先打开小巷娱乐辅助...
详细说明!战皇开挂功能神器,战... 详细说明!战皇开挂功能神器,战皇本来有开挂神器(有辅助挂功能)1、完成战皇有辅助插件,帮助玩家取得所...