angular – 如何捕获NgbTypeahead SelectedItemEvent？

发布时间：2020-12-17 17:32:30 所属栏目：安全来源：网络整理

导读：我想从typeahead上选择项目选择运行一些自定义逻辑.我无法使用typeahead控件绑定选定的项事件.我正在使用ng-bootstrap(bootstrap4). input type="text" [(ngModel)]="model" [ngbTypeahead]="search" placeholder="Search" [resultTemplate]="rt" [inputForm

我想从typeahead上选择项目选择运行一些自定义逻辑.我无法使用typeahead控件绑定选定的项事件.我正在使用ng-bootstrap(bootstrap4).

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

解决方法

您可以绑定到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：plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!