angular - 如何捕获 NgbTypeahead SelectedItemEvent？

Question

我想对来自 typeahead 的项目选择运行一些自定义逻辑。我无法将所选项目事件与预输入控件绑定(bind)。我正在使用 ng-bootstrap (bootstrap4)。

<input type="text" [(ngModel)]="model" [ngbTypeahead]="search" placeholder="Search" [resultTemplate]="rt"  [inputFormatter]="formatter" />

Answer 1

您可以绑定(bind)到 ngbTypeahead 的 selectItem 输出

<input type="text" class="form-control" (selectItem)="itemSelected($event)" [(ngModel)]="model" [ngbTypeahead]="search" [resultTemplate]="rt" [inputFormatter]="formatter" />

这将进入您的组件类:

itemSelected($event) {
    alert($event.item.name);
  }

这是一个有效的插件:plunker