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不显示图片。

相关内容

热门资讯

轻量版六分钟!aapoker有... 轻量版六分钟!aapoker有后台操控微扑克软件发牌原理(的确是有挂的)-今日头条1、下载好微扑克软...
技巧7分钟!微扑克使用方法gg... 技巧7分钟!微扑克使用方法gg扑克正规(其实真的有挂)-微博客户端技巧7分钟!微扑克使用方法gg扑克...
辅助挂2分钟!wepoke软件... 辅助挂2分钟!wepoke软件透明挂检测wepoke辅助技巧(一般真的有挂)-小红书；该软件可以轻松...
德州4分钟!云扑克app辅助w... 德州4分钟!云扑克app辅助wpk俱乐部软件(就是真的有挂)-知乎一、云扑克app辅助软件透明挂的定...
安卓版本3分钟!wpk有德州微... 安卓版本3分钟!wpk有德州微扑克辅助透视(都是真的有挂)-哔哩哔哩；1）德州微扑克辅助透视辅助挂：...
免费八分钟!wpk俱乐部机器人... 免费八分钟!wpk俱乐部机器人WPK透视辅助(本来真的有挂)-知乎1、很好的工具软件，可以解锁游戏的...
AI3分钟!德扑ai软件购买p... AI3分钟!德扑ai软件购买pokerrrr2辅助神器(果然真的有挂)-哔哩哔哩；1、AI3分钟!德...
玄学六分钟!gg发牌控制德州a... 玄学六分钟!gg发牌控制德州ai软件使用(一般真的有挂)-小红书；1、完成德州ai软件使用透视辅助安...
脚本5分钟!wpk长期盈利打法... 脚本5分钟!wpk长期盈利打法wepoke有挂网上(其实真的有挂)-微博客户端1、下载好wpk长期盈...
俱乐部两分钟!wepoke有正... 俱乐部两分钟!wepoke有正规wpk透视辅助(的确真的有挂)-知乎1、操作简单，无需注册，只需要使...