NgbTypeahead-以编程方式触发selectItem的任何方式?

时间:2019-04-23 15:53:10

标签: angular ng-bootstrap

我正在使用NgbTypeahead在我的应用程序中实现GoToFeature模态(例如Visual Studio中的JumpToFile)。每当我键入名称并按Enter时,它都会导航到特定视图(在我的情况下,其中大多数视图都是项目列表)。

但是,我必须能够通过键入以下命令来查看列表中每个特定项目的详细视图。 “ Accounts:123”,而不必输入全名。因此,如果我键入“ acc”,则该项目已在列表中被选中,因此我键入“:”并希望触发该项目的选择,因此剩下的就是帐号。

我尝试了keyup,它在selectItem之前触发,但是找不到解决方法。通过使用e.target.dispatchEvent(new Event('selectItem'));,传入的参数类型不正确(NgbTypeaheadSelectItemEvent)。我的模板看起来像这样

<input type="text" ngbAutofocus [ngbTypeahead]="filterFeatures" [inputFormatter]="inputFormatter" [resultTemplate]="rt"
            (selectItem)="onSelectItem($event)" (keyup)="go($event)"
            #instance="ngbTypeahead">

有没有办法用NgbTypeahead做到这一点?通过源代码,我发现const result = this._windowRef.instance.getActive();,但没有设法复制该引用。

0 个答案:

没有答案