ng-repeat與陣列

Question

{ 
"employees" : [ 
    { 
     "name" : "XXX", 
     "id" : "1", 
     "Salary" : [ 
      { 
       "Month" : "XXXX", 
       "Amount" : "XXXX", 
      }, 
      { 
       "Month" : "XXXX", 
       "Amount" : "XXXX", 
      }, 
      { 
       "Month" : "XXXX", 
       "Amount" : "XXXX", 
      } 
     ] 
    }, 
    { 
     "name" : "YYY", 
     "id" : "2", 
     "Salary" : [ 
      { 
       "Month" : "YYYY", 
       "Amount" : "YYYY", 
      }, 
      { 
       "Month" : "YYYY", 
       "Amount" : "YYYY", 
      }, 
      { 
       "Month" : "YYYY", 
       "Amount" : "YYYY", 
      } 
     ] 
    } 
], 
} 

我有這種類型的對象。我將此分配給控制器中的vm.employess變量。現在我想在HTML區域重複這一點。我設法做到這一點：

<div ng-repeat="i in vm.employees"> 
      {{i.id}} 
      {{i.name}} 
    </div> 

我想重複工資，但我無法做到這一點。任何人都可以幫助我！

Answer 1

正如您所嵌套的JSON，你需要使用嵌套ng-repeat

<div ng-repeat="i in vm.employees"> 
      {{i.id}} 
      {{i.name}} 
    <div ng-repeat="sal in i.Salary"> 
     {{sal.Month}} 
     {{sal.Amount}} 
    </div> 
</div>