CODEWITHSUNDEEP
cssangular6ng-bootstrap
Aniket
Aniket

Reputation: 360

ngBootstrap Capture click event on typeahead suggestions

when I type 'ala' it displays 2 states in suggestions 'alabama' and 'alaska'. Now what I need is as soon as I click on 'alaska'/'alabama' any item in list it should call my method

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

Sample code link click here

I tried blur, focus, etc events on text box they didnt work way I need. Click do not triggers on item selection it triggers when I click inside text box.

Upvotes: 0

Views: 552

Answers (1)

j4v1
j4v1

Reputation: 1587

You just need to use the selectItem event from ng-bootstrap's ngbTypeAhead API

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

See updated sample code

Upvotes: 2

Related Questions