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可以作弊吗,h... 科普分享!wpk可以作弊吗,hhpoker德州有挂吗,原来是有挂(有人有挂)1、进入到是否有挂之后,...
玩家必看科普!wepoker手... 玩家必看科普!wepoker手机插件,hhpkoer辅助器视频,原来真的有挂(有挂讲解)1、用户打开...
玩家必看秘籍!wpk真吗,we... 玩家必看秘籍!wpk真吗,we poker免费辅助器,其实真的有挂(有挂技巧)1、有没有辅助教程、有...
玩家必看攻略!fishpoke... 玩家必看攻略!fishpoker透视,德普辅助app,竟然真的是有挂(有挂实锤)1、玩家可以在透视最...
实操分享!aapoker透视怎... 实操分享!aapoker透视怎么用,wepoker免费脚本,原来是真的有挂(有挂助手)1、进入游戏-...
我来教教你!hhpoker有后... 我来教教你!hhpoker有后台操控吗,wepoker透视最简单三个步骤,都是有挂(有挂方略)所有人...
必备教程!aapoker破解侠... 必备教程!aapoker破解侠是真的吗,微扑克游戏辅助器,切实是有挂(有挂功能)1)有没有挂:进一步...
玩家必看科普!微扑克辅助,we... 玩家必看科普!微扑克辅助,wepoker辅助器最新版本更新内容,都是是有挂(竟然有挂)1、进入到we...
最新技巧!aapoker辅助器... 最新技巧!aapoker辅助器怎么用,aapoker脚本,好像是真的有挂(有挂方式)亲,关键说明,透...
热点推荐!哈糖大菠萝攻略,红龙... 热点推荐!哈糖大菠萝攻略,红龙poker作弊指令,好像存在有挂(有挂解惑)1、热点推荐!哈糖大菠萝攻...