angular - 如何在输入框中显示自定义模板数据-ngx bootstarp typeahead

Question

我正在使用 ngx bootstrap typeahead 进行自动完成，如何在执行点击事件后在搜索输入框中显示自定义模板数据。

states: string[] = [
'Alabama',
'Alaska',
'Arizona',
'Arkansas',
'California',
'Colorado',
'Connecticut']

<ng-template #customItemTemplate let-model="item" let-index="index">

<h5>This is: {{model | json}} Index: {{ index }}</h5>
</ng-template>
<pre class="card card-block card-header mb-3">Model: {{selected | json}}</pre>
<input [(ngModel)]="selected"
   [typeahead]="states"
   [typeaheadItemTemplate]="customItemTemplate"
   class="form-control">

我需要在搜索框中显示为“这是 Albama Index:1”