ngBootstrap Захватывает событие щелчка на предложениях typeahead

Question

когда я набираю 'ala' , в подсказках отображаются 2 состояния: alabama 'и' alaska '.Теперь, что мне нужно, как только я нажимаю на «Аляска» / «Алабама» любой элемент в списке, он должен вызвать мой метод

methodAbc(){
   //Some complex logic
   alert("Method called.");
} 

Пример ссылки на код нажмите здесь

Я пытался размыть, фокусировать и т. Д. События в текстовом поле, они не работали так, как мне нужно.Нажатие не вызывает выбор элемента, оно срабатывает, когда я щелкаю внутри текстового поля.

Answer 1

Вам просто нужно использовать событие selectItem из API ngbTypeAhead ng-bootstrap

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

См. обновленный пример кода