Как я могу захватить NgbTypeahead SelectedItemEvent?

Question

Я хочу запустить некоторую пользовательскую логику при выборе элемента из typeahead. Я не могу связать выбранное событие с элементом управления typeahead. Я использую ng-bootstrap (bootstrap4).

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

Answer 1

Вы можете привязать к выходу SelectItem из ngbTypeahead

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

Это будет идти в своем классе компонентов:

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

Вот рабочая plunker: plunker