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

相关内容

热门资讯

透视科技!哈糖大菠萝助手(透视... 透视科技!哈糖大菠萝助手(透视)开挂辅助方法(总是真的是有挂)-哔哩哔哩透视科技!哈糖大菠萝助手(透...
透视教学!来玩app 德州 辅... 透视教学!来玩app 德州 辅助,约局吧如何查看是否有挂,指南书教程(都是真的有挂)-哔哩哔哩1、操...
据文件显示!aapoker怎么... 据文件显示!aapoker怎么控制牌,博雅棋牌辅助器,好像真的是有挂(分享总结教程)-哔哩哔哩1、起...
透视神器!pokemmo脚本(... 透视神器!pokemmo脚本(透视)开挂辅助神器(原来是真的挂)-哔哩哔哩1、用户打开应用后不用登录...
透视透视!aapoker怎么控... 透视透视!aapoker怎么控制牌,wepoker怎么设置房间,办法教程(竟然是真的挂)-哔哩哔哩1...
透视软件!pokemmo手机版... 透视软件!pokemmo手机版脚本免费,麻雀智能辅助软件,总是存在有挂(揭露2025新版)-哔哩哔哩...
透视苹果版本!wepoker透... 透视苹果版本!wepoker透视脚本免费使用视频(透视)开挂辅助软件(其实是真的挂)-哔哩哔哩1、w...
透视app!hhpoker有透... 透视app!hhpoker有透视功能吗,哈糖大菠萝有挂吗,手段教程(一贯真的是有挂)-哔哩哔哩hhp...
透视工具!htx矩阵wepok... 透视工具!htx矩阵wepoker辅助,兴动互娱辅助工具,真是存在有挂(教你2025新版教程)-哔哩...
透视实锤!哈糖大菠萝有没有挂(... 透视实锤!哈糖大菠萝有没有挂(透视)开挂辅助工具(真是有挂)-哔哩哔哩哈糖大菠萝有没有挂辅助器中分为...