angularjs ui-select-choicesドロップダウン入力に応じてアルファベット順に表示

Question

私が取り組んでいるウェブサイトにhttps://github.com/angular-ui/ui-selectを使用しています。次のように現在のコードは次のとおりです。

 <ui-select ng-model="model.states"> 
     <ui-select-match placeholder="State"> 
      {{$item.Name}} 
     </ui-select-match> 
     <ui-select-choices repeat="item.Code as item in statesArray | filter:$select.search"> 
      {{item.Name}} 
     </ui-select-choices> 
     </ui-select> 

私は入力フィールドに何も入力し、例えば「A」、UI選択 - 選択肢は（デフォルトでは）「A」を含むすべてのフィールドを示します。私がしたいことは、 "a"で始まるすべての状態を表示することです。入力ボックスに何も入力されていない場合は、すべてのフィールドをアルファベット順に表示します。誰かが解決策を提案できますか？私は他のいくつかの投稿を見ましたが、誰もこの質問にまだ答えませんでした。前もって感謝します。

例は、ここでの例だとしよう状態配列はカリフォルニア、コネチカット、アラスカ州、アリゾナ州、ニューヨークのような状態があります。

入力フィールドに何も入力されていない場合は、Alaska、Arizona、California、Connecticut、New Yorkが表示されます（orderByフィルターを使用して実現できます）。

ユーザーが入力フィールドに「a」と入力すると、Alaska、Arizonaが表示され、AlaskaとArizonaは「a」で始まるフィールドしか表示されません。 ユーザーが「c」を入力した場合、ドロップダウンにはカリフォルニア州コネチカット州が表示されます。 ユーザーが「ca」と入力すると、指定された入力文字列にのみ一致するので、ドロップダウンでカリフォルニアのみが表示されます。

Answer 1

私が正しくあなたを理解していれば、私はあなたがする必要があるすべては

を追加だと思います| ORDERBY：「名前」

<ui-select-choices repeat="item.Code as item in statesArray | filter:$select.search | orderBy:'Name'"> 
{{item.Name}} 
</ui-select-choices> 

が少しとトミーさんとKreepNの助けを借りてを掘りした後の詳細

Answer 2

ためorderByをチェックアウト、私は答えを見つけました。カスタムフィルタと

.filter('startsWith', function() { 
    return function(array,search) { 
     if(!_.isUndefined(array) && !_.isUndefined(search)) { 
      var matches = []; 
      for (var i = 0; i < array.length; i++) { 
       if (array[i].Name.toUpperCase().indexOf(search.toUpperCase()) === 0 && 
        search.length <= array[i].Name.length) { 
        matches.push(array[i]); 
       } 
      } 
      return matches; 
     } 
    }; 
});