Как упорядочить результаты при использовании typeahead из ngx-bootstrap?

Question

Я использую 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">

в настоящее время он показывает результат какэто

Answer 1

Использование typeaheadGroupField должно дать вам подзаголовки и элементы группы под каждым подзаголовком.

Другой подход, который вы можете использовать, - это сначала заказать "capList", прежде чем он попадет в заголовок типа ngx-bootstrap.

Удачи!