ワードプレスプラグインAngular JS Sorting

Question

私はこれをここで尋ねることができれば助けになると思います。

私はいくつかの奇妙なソートのアルファベット順ソートを持つWordpress Angular JSプラグインを使用しています。

これは、私は李さんの順番をアルファベット順にする必要てる

<!-- for taxonomy --> 
        <div ng-if="item.option =='taxonomy' && !item.parent_taxonomy"> 

          <h3>{{ item.title }}</h3> 

          <div ng-if="item.taxonomy"> 

           <div ng-show="item.viewType == 'checkbox'"> 
            <ul> 
             <li ng-repeat="(key, value) in item.alloption"> 
              <input type="checkbox" ng-change="grabResult(this ,formData[item.taxonomy][key], item)" name="{{value}}" ng-model="formData[item.taxonomy][key]" > {{value}} 
             </li> 
            </ul> 
           </div> 

           <div ng-show="item.viewType == 'select'"> 
            <select class="form-control" ng-change="grabResult(this ,formData[item.taxonomy] , item)" ng-model="formData[item.taxonomy]"> 
             <option value="">Please select</option> 
             <option value="{{key}}" ng-repeat="(key ,value) in item.alloption">{{value}}</option> 
            </select> 
           </div> 

          </div> 

        </div> 

分類を表示するメインのコードがあります。それは実践ですか？

Answer 1

liは、item.alloptionオブジェクトから生成されています。オブジェクトはJSで順序付けされていないので、最初に（配列が順序付けされているので）オブジェクトを配列に変換してから、配列をアルファベット順にソートします。

Angular docsは、この目的でtoArrayFilterフィルタを使用することを推奨します。そのフィルタをダウンロードし、angular.jsの後に読み込むことができます。 （私はそれを実行していないので）私のコードはまだ問題を抱えているかもしれないが、うまくいけば、リンクドキュメントが提供

<li ng-repeat="value in item.alloption | toArray | orderBy : '$key'"> 
    <input type="checkbox" ng-change="grabResult(this ,formData[item.taxonomy][value.$key], item)" name="{{value}}" ng-model="formData[item.taxonomy][value.$key]" > {{value}} 
</li> 

：

調整後のコードは、この（あなたがキーで注文したいと仮定した場合）のようになるはずです出発点。