2

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

1 回答 1

1

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

于 2017-02-03T14:54:05.157 回答