时间戳

首页 > 解决方案 > 从 ngx-bootstrap 使用 typeahead 时如何排序结果？

bootstrap-4 - 从 ngx-bootstrap 使用 typeahead 时如何排序结果？

问题描述

我正在为我的 typeahead 使用 customTemplate，它有三个字段

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

使用numberas 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">

目前它正在显示这样的结果 在此处输入图像描述

标签： bootstrap-4typeaheadngx-bootstrap

解决方案

使用typeaheadGroupField应该在每个子标题下为您提供子标题和分组项目。

您可以采取的另一种方法是先订购“capList”，然后再进入 ngx-bootstrap 预输入。

祝你好运！

推荐阅读