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扑克平台(透视... 十分钟攻略!aa扑克平台(透视)软件透明挂((2021已更新))(哔哩哔哩);十分钟攻略!aa扑克平...
盘点一款!云扑克内置辅助器!确... 盘点一款!云扑克内置辅助器!确实真的有挂((2024已更新))(哔哩哔哩);玩家必备必赢加哟《136...
透视软件!雀神微信小程序免费辅... 透视软件!雀神微信小程序免费辅助器下载ios(辅助挂)原来是真的有挂(有挂方略)-哔哩哔哩;科技详细...
透明新版!福建兄弟十三水挂(辅... 透明新版!福建兄弟十三水挂(辅助挂)竟然真的有挂(有挂规律)-哔哩哔哩;原来确实真的有挂(需添加指定...
5分钟实锤!德扑人工智能(透视... 5分钟实锤!德扑人工智能(透视)软件透明挂((2021已更新))(哔哩哔哩),您好,这款游戏可以开挂...
重大推荐!wpk ai辅助有没... 《wpk软件透明挂》是一款多人竞技的wpk辅助透视游戏,你将微扑克对手来到同一个战场,为至高无上的荣...
实测教程!广东雀神小程序机制(... 1、实测教程!广东雀神小程序机制(辅助挂)原来真的有挂(有挂实锤)-哔哩哔哩2、进入游戏-大厅左侧-...
一分钟了解!熊猫四川麻将隐藏功... 一分钟了解!熊猫四川麻将隐藏功能(辅助挂)的确真的有挂(有挂攻略)-哔哩哔哩;亲们利用一分钟了解精致...
一分钟了解!红龙扑克是真是假!... 1、一分钟了解!红龙扑克是真是假!果真真的有挂((2023已更新))(哔哩哔哩)(UU poker、...
6分钟了解!云扑克内置辅助器(... 6分钟了解!云扑克内置辅助器(透视)辅助透视((2021已更新))(哔哩哔哩)1、这是跨平台的云扑克...