我想对来自 typeahead 的项目选择运行一些自定义逻辑。我无法将所选项目事件与预输入控件绑定(bind)。我正在使用 ng-bootstrap (bootstrap4)。
<input type="text" [(ngModel)]="model" [ngbTypeahead]="search" placeholder="Search" [resultTemplate]="rt" [inputFormatter]="formatter" />
最佳答案
您可以绑定(bind)到 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
关于angular - 如何捕获 NgbTypeahead SelectedItemEvent？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42096218/