例えばNGリピート

Question

のソート2層、IはNGリピートのために使用される次のコレクションを持っている：

$scope.pokedex = [{ 
    type: "Fire", 
    pokemon: ["Charizard", "Moltres"] 
},{ 
    type: "Rock", 
    pokemon: [] 
},{ 
    type: "Fighting", 
    pokemon: ["Machamp", "Hitmonchan"] 
},{ 
    type: "Dragon", 
    pokemon: [] 
}]; 

このコレクションには、ng-repeatディレクティブ内で解約します。実際のアプリケーションでは、コレクションはデータベースから取得されるため、ソートされない可能性があります。私はそれを次のようにソートしたい：ポケモンを優先する優先順位ソートタイプ。次に、各グループを名前でソートする。

を編集します。バックエンドデータの内容を明確にする必要があります。上記の例では、$scope.pokedexは一定数のタイプで構成されています。これらはカテゴリです。アプリケーションはデータベースからPokemonを取得し、それに応じて各カテゴリのリストを入力します。ポケモンのリストが空であるかどうかにかかわらず、完全な範囲の型は意図的に配列にハードコードされ、変更されません。

ウェブページはng-repeatを使用して生成される場合、以下のように、所望の最終状態がある：

• アコーディオンをリストとして体内にヘッダとしてそれぞれのタイプ、及びポケモンのリストが表示されています/表。
• すべての空のカテゴリは無効になっていますが、まだ見えますが、ヘッダーには特定のCSSフォーマットが指定されており、空ではないカテゴリの下に下にプッシュされます。
• 空のグループと空でないグループは、個別にカテゴリ/タイプ名でソートされます。

空のグループを下にプッシュし、名前で並べ替える以外はすべて実装されています。これが私の最後の実装要件です。

どうすればいいですか？事前に、またはの間にorderBy、または他の実行可能なソリューションを介して行う方法がありますか？

Answer 1

あなたはこのように試すことができます。この

<ul> 
<li ng-repeat="people in peoples | orderObjectBy:'pokemon':true">{{ people.name }}</li> 
</ul> 

Answer 2

クエリで順序を使用することができます

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
     <div ng-app="myApp"> 
 
      
 
      <div ng-controller="pokemonController"> 
 
      
 
      <ul> 
 
       <li ng-repeat="people in peoples | orderBy:['-pokemon.length','name']"> 
 
       
 
       name: {{people.name}} - number of Pokemons: {{people.pokemon.length}} 
 
       
 
       <hr /> 
 
       </li> 
 
      </ul> 
 
      
 
      
 
      </div> 
 
      
 
      
 
     </div> 
 

 

 

 
     <script> 
 
      
 
      var app = angular.module('myApp',[]); 
 
      
 
      app.controller('pokemonController', ['$scope', function($scope){ 
 
      
 
      
 
      $scope.peoples = [{ 
 
      name: "Obama", 
 
      pokemon: ["Charizard", "Dragonite", "Moltres"] 
 
     },{ 
 
      name: "Merkel", 
 
      pokemon: [] 
 
     },{ 
 
      name: "Putin", 
 
      pokemon: ["Machamp", "Hitmonchan"] 
 
     },{ 
 
      name: "Kim", 
 
      pokemon: [] 
 
     }]; 
 
      
 
      
 
      }]); 
 
      
 
      </script>