Angularmat-autocomplete显示错误的筛选选项
创始人
2024-10-28 06:31:06
0次

这种问题通常是因为数据源中有重复的项导致的。如果您正在使用一个对象数组作为数据源，那么可能需要使用 Array.reduce() 方法来去除重复项。

例如，以下代码段使用 reduce() 方法去除重复项：

this.filteredOptions = this.options.reduce((acc, option) => { if (!acc.some(item => item.value === option.value)) { acc.push(option); } return acc; }, []);

然后将 filteredOptions 传递给 mat-autocomplete 组件：

{{ option.label }}

这样就解决了 Angular mat-autocomplete 显示错误的筛选选项的问题。

上一篇：Angularmat-autocomplete无法使用通过函数返回的选项。

下一篇：Angularmat-carousel不显示图片。

相关内容

热门资讯

六玄学(菠萝德州app)外挂透... 六玄学(菠萝德州app)外挂透明挂辅助插件(透视)插件教程(有挂方法)-哔哩哔哩；亲，其实确实真的有...
第2个挂!wepoke管理系统... 第2个挂!wepoke管理系统(系统)辅助挂（发现有挂）-哔哩哔哩；1.wepoke ai辅助创建新...
九最新款!决胜麻将app(透视... 九最新款!决胜麻将app(透视)太坑了其实真的有挂(发现有挂)-哔哩哔哩1、决胜麻将app系统规律教...
第9个科技!德扑ai智能(手牌... 第9个科技!德扑ai智能(手牌胜率计算工具)透视辅助（有挂工具）-哔哩哔哩德扑ai智能平台为新手玩家...
第9检测(wepoke透明)外... 第9检测(wepoke透明)外挂透明挂辅助工具(辅助挂)解密教程(真是有挂)-哔哩哔哩科技教程也叫必...
第5工具!琼雀海南麻将有挂吗(... 第5工具!琼雀海南麻将有挂吗(辅助挂)太坑了原来真的有挂(有挂总结)-哔哩哔哩是一款可以让一直输的玩...
三个私人房!wpk辅助器是真的... 三个私人房!wpk辅助器是真的假的(数据透视)其实真的有挂（有挂分享）-哔哩哔哩;一、wpk辅助器有...
两个系统!德扑ai软件购买(统... 两个系统!德扑ai软件购买(统计软件)辅助透视（有挂助手）-哔哩哔哩是一款可以让一直输的玩家，快速成...
四个网页版!德州wpk德州真的... 四个网页版!德州wpk德州真的(代理合作)其实真的有挂（有挂规律）-哔哩哔哩1、让任何用户在无需AI...
第1中牌率(德扑自定义)外挂透... 第1中牌率(德扑自定义)外挂透明挂辅助插件(透视)存在挂教程(有挂方法)-哔哩哔哩；实战中需综合运用...