2017-02-03 5 views
2

私はオンラインで探していますが、これまでのところヘルプが見つかりませんでした。私の質問は、それがオートコンプリートフィールドを持っているときにMDのチップのリストをソートできますか?例として、角度のmdチップの例(https://material.angularjs.org/latest/demo/chips)のjsfiddle(https://jsfiddle.net/reckmj/apunczkq/3/)を作成しました。オートコンプリートフィールドは既にソートされていますが、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> 

答えて

1

JSFiddleが更新されました。新しいチップが追加される度に呼び出されるonAddChipという関数を追加しました。この関数は現在、名前でチップをソートしていますが、必要なフィールドでソートするように変更することもできます。

+0

これはまさに私が探しているようです。どうもありがとうございます!私はorderByがオートコンプリートのようになることを期待していました。私はより多くの検索を展開する必要があるようだ。ありがとうございました。 –

+0

@MichaelReck、あなたはようこそ) –

関連する問題