Напечатать с показать больше опций в angular2

Question

Я создал typeahead, и я получаю данные в нем. Но теперь я хочу добавить пользовательское значение, как "ПОКАЗАТЬ БОЛЬШЕ" в моей типографии, как последний элемент в моем списке каждый раз. Я не могу сделать то же самое. Пожалуйста, предложите мне решение сделать то же самое.

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-шаблона для результатов моего списка. После того, как данные виджета typeahead готовы, я добавил пустой элемент в конец списка результатов. Шаблон выглядит так:

<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>