如何在ngx-bootstrap中使用typeahead时订购结果?

问题描述 投票:0回答:1

我使用customTemplate作为我的typeahead有三个字段

({{model.number}}-{{model.city}}-{{model.state}})

使用number作为typeaheadOptionField,我看到有typeaheadGroupField可用,我在数字领域使用....我想知道在哪里我可以order基于city字段的结果?

<ng-template #customCapTemplate let-model="item" let-index="index">
   <h5>{{model.code}}-{{model.city}}-{{model.prov}}</h5>
</ng-template>
<input name="colCap" [typeahead]="capList" typeaheadGroupField="code" 
    typeaheadOptionField="code" [typeaheadItemTemplate]="customCapTemplate" class="form-control">

目前它显示的结果像这个enter image description here

bootstrap-4 typeahead ngx-bootstrap
1个回答
0
投票

使用typeaheadGroupField应该为每个子标题下的子标题和组项提供。

您可以采取的另一种方法是在进入ngx-bootstrap typeahead之前首先订购“capList”。

祝好运!

© www.soinside.com 2019 - 2024. All rights reserved.