Css ngBootstrap捕获typeahead建议上的单击事件

Css ngBootstrap捕获typeahead建议上的单击事件,css,angular6,ng-bootstrap,Css,Angular6,Ng Bootstrap,当我键入“阿拉巴马州”时,它会在“阿拉巴马州”和“阿拉斯加州”中显示两个州。现在我需要的是,只要我点击“阿拉斯加”/“阿拉巴马”,列表中的任何项目都应该调用我的方法 methodAbc(){ //Some complex logic alert("Method called."); } 示例代码链接 我在文本框中尝试了模糊、聚焦等事件,但它们并没有按我需要的方式工作。单击“不触发项目选择”,当我在文本框内单击时,它会触发。您只需要使用ng引导程序中的selectItem事件

当我键入“阿拉巴马州”时,它会在“阿拉巴马州”和“阿拉斯加州”中显示两个州。现在我需要的是,只要我点击“阿拉斯加”/“阿拉巴马”,列表中的任何项目都应该调用我的方法

methodAbc(){
   //Some complex logic
   alert("Method called.");
} 
示例代码链接


我在文本框中尝试了模糊、聚焦等事件,但它们并没有按我需要的方式工作。单击“不触发项目选择”,当我在文本框内单击时,它会触发。

您只需要使用ng引导程序中的
selectItem
事件



请参见您只需使用ng引导程序中的
selectItem
事件即可



真棒,先生。非常感谢,先生。非常感谢你
<input id="typeahead-template" type="text" class="form-control" [(ngModel)]="model" 
   [ngbTypeahead]="search" [resultTemplate]="rt" [inputFormatter]="formatter"
   (selectItem)="methodABC($event)" />