ネストされたNG-繰り返し異なるデータ

Question

で複数のテーブルを作成するために、私は、JSONデータ

[{"ID": "01000", "Name" : "Name1", "Age" : 25}, 
{"ID": "01001", "Name" : "Name2", "Age" : 30}, 
{"ID": "01001", "Name" : "Name3", "Age" : 23}] 

を持っているとngのリピートを使用して、複数の表に、このデータを表示したいです。表は、この

のようになります。私は、「$ scope.ID」変数に個別IDを見つけ機能を作成しました。

$scope.ID = []; 
    $scope.ID.push("1"); 
    var s = 0; 
    for (var i = 0; i < $scope.Report.length; i++){ 

     if ($scope.ID[s] != $scope.Report[i].Id){ 
      $scope.ID.push($scope.Report[i].Id);     
      s++; 
     }    
    } 

その後、私は

<div class="table" ng-repeat="id in ID" ng-model="query"> 

    <div class="row header"> 
     <div class="cell"> 
     ID 
     </div> 
     <div class="cell"> 
     NAME 
     </div> 
     <div class="cell"> 
     AGE 
     </div> 
    </div> 

    <div class="row" ng-repeat="r in Report | filter: query track by $index"> 
     <div class="cell"> 
     {{r.id}} 
     </div> 
     <div class="cell"> 
     {{r.name}} 
     </div> 
     <div class="cell"> 
     {{r.age}} 
     </div> 

    </div> 
    </div> 

このようにテーブルにデータを表示しようとしているスクリプトは、二つのテーブルを返しますが、各テーブルには、同じ3つの値、

を持っています私はそれぞれのテーブルが独自のフィルタ値を持っている必要があります。この場合、最初のテーブルはID：01000と2番目のテーブルでフィルタリングする必要があります。ID：01001.

どうすればいいですか？

Answer 1

試してみてください。

<div class="row header"> 
    <div class="cell"> 
    ID 
    </div> 
    <div class="cell"> 
    NAME 
    </div> 
    <div class="cell"> 
    AGE 
    </div> 
</div> 


<div class="row" ng-repeat="r in Report | filter: {id: id}"> 
    <div class="cell"> 
    {{r.id}} 
    </div> 
    <div class="cell"> 
    {{r.name}} 
    </div> 
    <div class="cell"> 
    {{r.age}} 
    </div> 

</div>