ng-select搜索功能不显示任何结果
ng-select是一个基于Angular框架的开源库，用于创建自定义的下拉选择框。当ng-select的搜索功能无法显示任何结果时，可能是由以下几个原因引起的：
- 数据源问题：首先需要确保ng-select的数据源正确配置。检查数据源是否正确绑定到ng-select组件，并且数据源中包含了需要搜索的选项。
- 搜索过滤问题：ng-select的搜索功能依赖于输入框中的关键字对选项进行过滤。确保输入框中的关键字与选项中的某个属性匹配。可以通过设置ng-select的
bindValue属性来指定要进行搜索的属性。 - 异步加载问题：如果数据源是通过异步加载获取的，需要确保在数据加载完成之前不会进行搜索操作。可以通过监听数据加载完成的事件，在事件回调函数中执行搜索操作。
- 样式问题：检查ng-select的样式是否正确设置。确保下拉列表的高度足够显示搜索结果。
如果以上解决方法都无效，可以参考ng-select的官方文档或社区支持寻求更多帮助。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
1回答
我使用的是angular cli version11.2.8，使用的是ng-select版本7.3。目前，我可以按照预期呈现UI，但是当我尝试在select元素内的输入框中进行搜索时，它没有搜索到任何内容。看起来我使用的是正确的版本，但ng-select仍然不能正常工作。<ng-select [(ngModel)]="selectedCars">
<ng-option *ngFor="let car of cars" [va
浏览 43提问于2021-09-23得票数 0
我在keyup事件上使用具有自定义ajax搜索功能的Ng-select组件。下面是我的代码： bindLabel="displayName" [multiplengModel)]="selectedEmploye"
formControlName="multiselect" name="
浏览 13提问于2018-08-02得票数 1
我正在使用带有城市列表的ng-select，如下所示： cities = [ {id: 2, name: 'FL但是，如果我键入"MA波士顿“，该字段将不会显示任何结果(许多用户可能会错过逗号)。 有没有办法让搜索功能忽略逗号，或者对逗号不那么敏感？
浏览 15提问于2019-04-24得票数 1
回答已采纳
我在我的项目中使用ng-select进行搜索。我希望列表仅在用户键入超过2个字符时显示。我已经尝试了ng-select的搜索，更改和打开事件，但我没有得到用户输入的实际术语。任何帮助都是非常感谢的。
浏览 27提问于2019-06-30得票数 2
回答已采纳
2回答
我正在从事一个angular 8项目，其中包含ng-select下拉列表。它是typehead和ng-select的结合。这样我就可以实时地从api中获取数据。下坠很好。但我找不到一个功能。但是，我不知道如何清除下拉列表，该下拉列表已经包含了以前的搜索数据。我尝试了给出的答案，它也给出了同样的结果。我的html是<
浏览 0提问于2019-07-29得票数 0
回答已采纳
1回答
每当在下拉列表中执行搜索，并且列出的项目匹配条件突出显示所搜索的文本时，单击该文本时，下拉列表中未显示选定的项目。当您在列出的项目中选择搜索文本之外的任何其他文本时，它将被选中。代码如上所述： (data)="updateSelected($event')"
[active]="selectChannel&q
浏览 1提问于2017-08-22得票数 0
2回答
不同分量的角度显示搜索结果
、、、、
我有主页中的搜索功能(HomePageComponent)，当我单击搜索时，它将重定向到不同的页面，称为搜索列表页( searchListComponent )，并且在searchListComponent本身(根据应用程序设计)中又有一个组件，称为搜索卡组件(SearchCardComponent)，其中显示所有的搜索结果。下面的示例代码HTML (产品A)
<ng-select
浏览 0提问于2020-04-07得票数 0
我需要在select中显示数据，每行两行。我使用的是ng-select。<ng-select [(ngModel)]="selectedData" placeholder="Select Data"> </ng-option>
</div&g
浏览 0提问于2018-11-27得票数 2
如果列表是空的，我需要隐藏ng-select选项列表。现在，如果我单击复选框，或者搜索的结果为空，则显示带有此No items found值的选项列表。我不需要这个特征。相反，我需要隐藏选项列表。<ng-select class="selectable_input" placeholder="PLZ / Ort" [searchable]="true" [searchFn]="customSearchplace}}
浏览 11提问于2022-01-20得票数 2
回答已采纳
1回答
我在软件中的很多地方都使用了[@ng-select/ng-select][1]组件。它运行良好，它通过后端方法搜索用户输入的内容，并显示结果以供选择。 现在，我想让用户创建不在列表中的新项目。<ng-select [name]="'productname'+index$" [items]="productNames | async"
[attr.id]="'productnam
浏览 11提问于2019-05-31得票数 0
回答已采纳
2回答
India IND Aruba ABWcomponent.html
<ng-select [items]="countries" bindLabel="description" bindValue="code"<span >{{ item.countryName + ' (
浏览 4提问于2019-05-15得票数 8
回答已采纳
我已经使用ng-select来满足我对可搜索下拉列表的需求。下拉菜单运行得非常好。然而，在ng-template上抛出了html错误。即let-item="item"，如果我对上面的代码行做了任何更改，下拉列表就不会加载。这是抛出的错误虽然我在dropdown的工作中没有遇到任何问题也就是说，当我使用npm run-s
浏览 95提问于2020-02-06得票数 0
2回答
搜索功能不返回任何结果
、、、
我正在使用Neo4j.rb和搜索踢一个红宝石rails应用程序。result.size给我0我让我的elasticsearch服务器在本地主机上运行:9200elasticsearch-api (1.0.13)搜索(0.9.1)
这与我在我的ubuntu机器中安装了elasticsearch
浏览 2提问于2015-10-14得票数 2
2回答
我使用ng-选择在我的角9项目，以搜索和加载服务器端的结果。我遵循了的指示并实现了它。当用户开始输入时，我看到加载图标的位置略高于此(如下所示)。我不使用任何额外的样式表或CSS规则。HTML： bindLabel="customNamefetchPersonInformation($event)"
浏览 0提问于2020-02-20得票数 1
回答已采纳
示例-如果我输入搜索框，结果将是In多动症- ID<ng-select placeholder="Select Countries" class="custom" [
浏览 1提问于2018-08-13得票数 0
2回答
我是tumblr的新手，正在尝试在自定义主题中实现搜索。每当我在任何帖子中搜索任何内容时，Tumblr总是不返回任何搜索结果。我觉得我好像错过了什么。我是否要在主题中的任何其他地方实现或设置任何配置？在用户的Tumblr主题中实现搜索还需要什么？
谢谢!
浏览 2提问于2011-10-29得票数 4
回答已采纳
，first_name，last_name
first_name和last_name as bindLabel
id为bindValue
<ng-selectplaceholder="Select Employee" [clearable]="true" formControlName="id">
浏览 0提问于2021-08-27得票数 0
回答已采纳
并且用户可以基于该关键字来搜索这些项目。在搜索功能中，我需要提供一个搜索不是该关键字的功能。
例如，Item A有一个名为msg的字段，值为Sitecore is awesome and great。在搜索框中，用户可以选中指示显示不包含该关键字的任何项目的复选框。可能是用户输入了is关键字，所以Item A将不会被ADC显示或检索。编辑:目前我使用的是sitecore6.6，因此搜索方法已被弃用。
浏览 1提问于2013-03-13得票数 1
1回答
我有一个临时工，在lhs上有一个菜单，它有一个搜索功能，可以限制菜单选项。当搜索没有返回任何结果时，我想在搜索框上方显示一个闪光通知，以传达这一点。是否可以在一个视图上显示多个flash消息，或者是否有更好的方法来实现这一点？
浏览 3提问于2014-11-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
