对角度md芯片进行排序

Question

我一直在网上看，到目前为止我还没有找到很多帮助。我的问题是你有一个自动完成字段的md-chips列表吗？作为一个例子，我创建了一个jsfiddle（https://jsfiddle.net/reckmj/apunczkq/3/）角度的md-chips示例（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函数，每次添加新芯片时都会调用该函数。此功能目前按名称对芯片进行排序，但您当然可以修改它以按您需要的任何字段进行排序。