Angular搜索在单个字符串数组上停止
创始人
2024-10-29 16:01:09
0次

若要在Angular应用程序中实现搜索功能，你可以在组件中使用内置函数进行搜索。当你对一个对象数组进行搜索时，它会按照条件返回满足要求的所有对象。但是，如果你要对字符串数组进行搜索，只有第一个匹配到的字符串会被返回。以下是解决这个问题的代码示例：

在你的组件中定义一个search函数：

search(query: string, array: string[]) { if (!query || !array) { return []; } return array.filter(item => item.toLowerCase().includes(query.toLowerCase())); }

在你的HTML模板中使用该函数：

  • {{ item }}

在此示例中，search函数将搜索query字符串，然后将其与数组中的所有字符串进行比较。如果字符串中包含查询字符串，则该字符串将被添加到返回的列表中。在模板中，我们使用NgModel指令来绑定输入框（searchQuery）中的值。对于每个搜索结果，我们在列表中输出字符串。

上一篇：Angular搜索过滤器（包含字符串数组）

下一篇：Angular搜索中找不到管道'filter'。

相关内容

热门资讯

开挂辅助！三哥玩辅助，hhpo... 开挂辅助！三哥玩辅助，hhpoker德州透视挂（透视）开挂辅助神器（有挂教学）；三哥玩辅助免费下载原...
开挂辅助下载"wep... 大家好，今天小编来为大家解答wepoker底牌透视脚本这个问题咨询软件客服可以免费测试直接加微信（1...
辅助开挂！雀友会广东潮汕麻雀辅... 辅助开挂！雀友会广东潮汕麻雀辅助，wepoker到底有没有透视（透视）开挂辅助插件（今日头条）;1、...
开挂辅助安装"wep... 开挂辅助安装"wepoker辅助是真的假的"开挂(透视)辅助安装(确实有挂)；无需打开直接搜索薇:1...
辅助开挂！微乐山西小程序破解器... 辅助开挂！微乐山西小程序破解器，hhpoker德州机器人（透视）开挂辅助插件（真的有挂）;微乐山西小...
开挂辅助脚本"德普之... 您好：这款德普之星透视辅助软件下载游戏是可以开挂的，确实是有挂的，很多玩家在这款德普之星透视辅助软件...
辅助开挂！wepoker辅助，... 辅助开挂！wepoker辅助，智星菠萝透视（透视）开挂辅助工具（有挂工具）;1、点击下载安装，wep...
开挂辅助工具"hhp... hhpoker软件可以玩吗 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大...
辅助开挂！微乐广西麻辣，pok... 辅助开挂！微乐广西麻辣，poker world辅助（透视）开挂辅助插件（有挂方针）；微乐广西麻辣中的...
开挂辅助神器"clo... 开挂辅助神器"cloudpoker辅助"开挂(透视)辅助插件(有挂方式)；无需打开直接搜索打开薇:1...