排序角度md芯片

Question

我一直在網上尋找，到目前爲止我還沒有找到太多的幫助。我的問題是，當它有一個自動填充字段時，你可以對md-chips列表進行排序嗎？作爲一個例子，我創建了一個jsfiddle（https://jsfiddle.net/reckmj/apunczkq/3/）角色的md芯片示例（https://material.angularjs.org/latest/demo/chips）。我已經自動填充的字段已經排序，但我似乎無法弄清楚MD排序。

<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函數，每次添加新芯片時都會調用它。此功能目前正在按名稱對芯片進行排序，但當然您可以對其進行修改，以便根據您需要的任何字段進行排序。