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

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

相关内容

热门资讯

9分钟讲解!雀友会广东潮汕bu... 9分钟讲解!雀友会广东潮汕bus(辅助挂)一直真的是有挂(wpk教程开挂辅助插件)>>您好:软件加1...
5分钟辅助!新玄龙辅助(辅助挂... 5分钟辅助!新玄龙辅助(辅助挂)原来确实有挂(必备教程开挂辅助平台)新玄龙辅助ai黑科技系统规律教程...
第三分钟辅助!有没有哈糖大菠萝... 第三分钟辅助!有没有哈糖大菠萝攻略推荐(辅助挂)一贯确实有挂(德州论坛开挂辅助平台);亲,有没有哈糖...
1分钟详情!广东老友辅助(辅助... 1分钟详情!广东老友辅助(辅助挂)一贯确实有挂(AI教程开挂辅助下载)【无需打开直接搜索加薇1367...
第二分钟明白!海盗来了大白辅助... 第二分钟明白!海盗来了大白辅助(辅助挂)原来确实有挂(详细教程开挂辅助安装);亲,海盗来了大白辅助这...
6分钟讲解!战皇大厅辅助那个可... 6分钟讲解!战皇大厅辅助那个可靠(辅助挂)一直真的有挂(透视教程开挂辅助脚本)《详细加薇136704...
一分钟讲究!欢欢辅助软件怎么样... 一分钟讲究!欢欢辅助软件怎么样(辅助挂)果然是有挂的(黑科技教程开挂辅助软件)【无需打开直接搜索加薇...
8分钟辅助!wepokerpl... 8分钟辅助!wepokerplus辅助辅助(辅助挂)果然确实有挂(详细教程开挂辅助平台) >>您好:...
9分钟讲究!大咖娱乐挂脚本(辅... 9分钟讲究!大咖娱乐挂脚本(辅助挂)果然真的有挂(曝光教程开挂辅助工具)您好:大咖娱乐挂脚本这款游戏...
第2分钟辅助!小闲川南辅助(辅... 第2分钟辅助!小闲川南辅助(辅助挂)原来确实有挂(扑克教程!开挂辅助下载);无需打开直接搜索薇:13...