AngularNgbTypeaHead没有显示选项列表
创始人
2024-10-28 16:30:44
0

要解决这个问题,您可以尝试以下步骤:

  1. 确认您已正确导入 NgbTypeaHead 模块,并将其添加到您的模块中:

import { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap'; @NgModule({ imports: [NgbTypeaheadModule, ...], ... }) export class YourModule { }

  1. 确保您的数据源返回 Observable,您的 select 方法应该返回一个 Observable 类型的值:

search = (text$: Observable) => { return text$ .debounceTime(300) .distinctUntilChanged() .switchMap(term => this.remoteSearchService.search(term)) .catch(() => { return Observable.of([]); }); }

  1. 确认您正确地设置了 inputFormatter 和 resultFormatter 属性:

public formatter = (result: { name: string }) => result.name;

  1. 确认您正确地设置了 NgbTypeahead 指令的属性:dropup、placement、container 和 editable:

如果您遵循了上述步骤并仍然无法看到选项列表,那么您可能需要检查以下几点:

  • 确认您的数据源至少包含 5 条记录,以便空间触发类型提示
  • 您可能需要在样式表中添加 bootstrap 样式,默认情况下 NgbTypeahead 依赖于它。

希望这能帮助到您解决此问题。

相关内容

热门资讯

黑科技辅助(德扑之星带入)AA... 黑科技辅助(德扑之星带入)AAPOKER果然是真的有挂!太实锤了都是是有挂(2023已更新)(哔哩哔...
黑科技有挂(Wepoke检测)... 黑科技有挂(Wepoke检测)cloudpoker一直真的是有挂!太坑了原本是有挂(2026已更新)...
黑科技讲解(新版WPK)扑克世... 黑科技讲解(新版WPK)扑克世界本来真的有挂!太夸张了本然是有挂(2023已更新)(哔哩哔哩)扑克世...
黑科技挂(wepoke app... 黑科技挂(wepoke app)nzt德州总是是真的有挂!太无语了都是有挂(2020已更新)(哔哩哔...
黑科技规律(wpk插件)WEP... 黑科技规律(wpk插件)WEPoke先前真的有挂!太无语了好像存在有挂(2021已更新)(哔哩哔哩)...
黑科技玄学(Wepokeplu... 黑科技玄学(Wepokeplus)wpK果然是有挂!太夸张了先前有挂(2021已更新)(哔哩哔哩);...
黑科技辅助(德州最新)德州we... 自定义德州wepower系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不...
黑科技规律(wepoke玄学)... 黑科技规律(wepoke玄学)AAPOkER原生有挂!太实锤了原本真的是有挂(2023已更新)(哔哩...
黑科技最新(德州竞技联盟)We... 黑科技最新(德州竞技联盟)WepoKe素来是真的有挂!太无语了起初真的是有挂(2026已更新)(哔哩...
黑科技真的(Wepoke识别)... 1、黑科技真的(Wepoke识别)wpk德州确实真的是有挂!太坑了切实是真的有挂(2024已更新)(...