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

相关内容

热门资讯

玩家必备科技!四川游戏家园通用... 玩家必备科技!四川游戏家园通用辅助(辅助挂)aa poker透视软件(原来是真的有挂);是一款可以让...
发现一款!同乡游辅助软件(辅助... 发现一款!同乡游辅助软件(辅助挂)aapoker免费透视脚本(果然是有挂);1、让任何用户在无需AI...
我来教教大家!科乐填大坑破解版... 我来教教大家!科乐填大坑破解版安卓(辅助挂)wepoker黑侠辅助器(确实有挂),科乐填大坑破解版安...
科普!途游辅助软件网站(辅助挂... 科普!途游辅助软件网站(辅助挂)aa poker透视软件(往昔存在有挂);途游辅助软件网站中的10万...
科技分享!玫瑰大厅辅助(辅助挂... 科技分享!玫瑰大厅辅助(辅助挂)hhpoker辅助器视频(固有真的是有挂);玫瑰大厅辅助最新版本免费...
玩家攻略!大众互娱辅助器(辅助... 《玩家攻略!大众互娱辅助器(辅助挂)红龙poker有辅助吗(往昔是真的有挂)》 大众互娱辅助器软件透...
推荐十款!打哈儿辅助软件(辅助... 推荐十款!打哈儿辅助软件(辅助挂)wepoker透视脚本网页(好像是有挂);小薇(透视辅助)致您一封...
终于清楚!广东雀神祈福真的有用... 终于清楚!广东雀神祈福真的有用吗(辅助挂)wepoker好友助力码(好像真的有挂);一、广东雀神祈福...
带你了解!卡五星辅助器(辅助挂... 带你了解!卡五星辅助器(辅助挂)wepoker辅助透视软件(起初真的是有挂);卡五星辅助器辅助器中分...
让我来分享经验!微乐家乡破解版... 让我来分享经验!微乐家乡破解版(辅助挂)佛手在线大菠萝辅助(原生有挂);佛手在线大菠萝辅助是一种具有...