Question

我创建了typeahead，我正在获取数据。但现在我想在我的输入中添加自定义值，如“SHOW MORE”，作为我每次列表中的最后一项。我不能这样做。请建议我做同样的解决方案。

html： -

<input [(ngModel)]="asyncSelected"
         [typeahead]="dataSource"
         (typeaheadLoading)="changeTypeaheadLoading($event)"
         (typeaheadNoResults)="changeTypeaheadNoResults($event)"
         (typeaheadOnSelect)="typeaheadOnSelect($event)"
         [typeaheadOptionsLimit]="7"
         typeaheadOptionField="name"
         placeholder="Search"
         typeaheadAsync="false"
         class="form-control">

我正在获取数据，但只是想添加可点击的页脚或其他任何建议的内容。

Answer 1

我通过对列表结果使用自定义ng-template解决了该问题。准备好预输入小部件的数据后，我在结果列表的末尾添加了一个空元素。模板如下所示：

<ng-template #personSelectionTemplate let-model="item" let-index="index">
<div>{{model.firstName}}</div>
<button *ngIf="index >= persons.length-1;" class="btn btn-create" (click)="loadMoreSuggestions($event)">{{'loadMoreSuggestions'|translate}}</button></ng-template>

typeahead with angular2中显示更多选项

1 个答案: