排序 angular md-chips

Question

我一直在网上寻找，到目前为止我没有找到太多帮助。我的问题是当 md-chips 有一个自动完成字段时，你能对它进行排序吗？例如，我创建了一个 jsfiddle (https://jsfiddle.net/reckmj/apunczkq/3/) of angular's md-chips example (https://material.angularjs.org/latest/demo/chips)。我已经对自动完成字段进行了排序，但我似乎无法弄清楚 md-chips 排序。

<md-chips ng-model="ctrl.selectedVegetables" md-autocomplete-snap="" md-transform-chip="ctrl.transformChip($chip)" md-require-match="ctrl.autocompleteDemoRequireMatch">
  <md-autocomplete md-selected-item="ctrl.selectedItem" md-search-text="ctrl.searchText" md-items="item in ctrl.querySearch(ctrl.searchText) | orderBy:'name'" md-item-text="item.name" placeholder="Search for a vegetable">
    <span md-highlight-text="ctrl.searchText">{{item.name}} :: {{item.type}}</span>
  </md-autocomplete>
  <md-chip-template>
    <span>
      <strong>{{$chip.name}}</strong>
      <em>({{$chip.type}})</em>
    </span>
  </md-chip-template>
</md-chips>

Answer 1

我已经更新了你的JSFiddle。我添加了 onAddChip 函数，每次添加新芯片时都会调用该函数。此功能目前是按名称对筹码进行排序，当然您可以修改它以按您需要的任何字段排序。

排序 angular md-chips

Sorting angular md-chips

sorting

angularjs

md-chip