嵌套NG-重複創建多個表的不同數據

Question

我JSON數據

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

，並想用NG-重複顯示在多個表該數據。表應該是這樣的

我已經創建功能，定位鮮明的ID爲「$ scope.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> 

腳本返回兩個表，但是，每個表都有相同的三個值，顯示數據轉換成表格，

我需要每個生成的表都有自己的過濾值，對於這種情況，第一個表應該按ID：01000過濾，第二個表按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>