Sortieren von eckigen MD-Chips

Question

Ich habe online gesucht und ich habe bisher nicht viel Hilfe gefunden. Meine Frage ist, können Sie eine Liste von MD-Chips sortieren, wenn es ein Autocomplete-Feld hat? Als Beispiel habe ich eine jsfiddle (https://jsfiddle.net/reckmj/apunczkq/3/) von wigals md-chips Beispiel (https://material.angularjs.org/latest/demo/chips) erstellt. Ich habe das Autocomplete-Feld bereits sortiert, aber ich kann nicht scheinen, die MD-Chips zu sortieren.

<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

Ich habe Ihre JSFiddle aktualisiert. Ich habe hinzugefügt onAddChip Funktion, die jedes Mal aufgerufen wird, wenn ein neuer Chip hinzugefügt wird. Diese Funktion sortiert derzeit Chips nach Namen, aber Sie können sie natürlich ändern, um nach jedem gewünschten Feld zu sortieren.