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 依赖于它。

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

相关内容

热门资讯

科技教程!wepoke科技(w... 科技教程!wepoke科技(we辅助poker德之星)wepOKE(一般真的有挂);建议优先通过we...
9分钟了解!决战卡五星辅助器,... 9分钟了解!决战卡五星辅助器,乐乐围棋入门有挂吗,AI教程(有挂插件)1、首先打开乐乐围棋入门有挂吗...
微扑克辅助挂!微扑克发牌系统,... 微扑克辅助挂!微扑克发牌系统,微扑克本来真的是有挂,切实教程(有挂方法);一、微扑克AI软件牌型概率...
热点推荐!丽水跑得快房主能控制... 热点推荐!丽水跑得快房主能控制输赢吗(辅助)原来真的有挂(2021已更新)(哔哩哔哩)1、不需要AI...
四分钟了解!兴动手机麻将辅牌器... 四分钟了解!兴动手机麻将辅牌器下载,传送屋激k,详细教程(有挂神器)一、兴动手机麻将辅牌器下载AI软...
wepoke真的有挂!wepo... wepoke真的有挂!wepoke系统(透视辅助)WepokE(一般真的有挂);(需添加指定薇757...
微扑克全自动机器人!微扑克的辅... 微扑克全自动机器人!微扑克的辅助工具,微扑克小程序辅助器,新2025教程(有挂方法),您好,微扑克这...
推荐几款新版!欢聚水鱼辅助功能... 推荐几款新版!欢聚水鱼辅助功能(透明挂)好像真的是有挂(2026已更新)(哔哩哔哩)1、完成欢聚水鱼...
7分钟了解!微乐麻将专用挂,开... 7分钟了解!微乐麻将专用挂,开心跑得快有外挂么,大神讲解(有挂教学)开心跑得快有外挂么辅助器中分为三...
5分钟了解!来打红中麻将有挂吗... 5分钟了解!来打红中麻将有挂吗,白金岛跑得快的,2025新版总结(有挂揭秘);1、来打红中麻将有挂吗...