如何捕获NgbTypeahead SelectedItemEvent？

Question

我想从typeahead上选择项目选择运行一些自定义逻辑。我无法使用typeahead控件绑定选定的项事件。我正在使用ng-bootstrap（bootstrap4）。

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

Answer 1

您可以绑定到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