2016-01-24 67 views
0

我在表中分組對象。 現在我有一個簡短的工作示例 Plunker分組親子對象

現在我想將多個子對象分組到一個父對象。 我想達到的結構是

companyName(1), workers(3) 
    worker name(1), some job 
    worker name(2), some job 
    worker name(3), some job 

companyName(2), workers(4) 
    worker name(1), some job 
    worker name(2), some job 
    worker name(3), some job 
    worker name(4), some job 

什麼是角實現這一目標的最佳方式是什麼? 有沒有關於這方面的文章? 我試圖找我自己,但我找不到我需要的東西。

謝謝你的時間!

+0

嵌套ngRepeat很容易,但你的數據結構還沒有準備好。 – dfsq

回答

1

將數據排列在以下結構中。

$scope.companies = [ 
     { id: 0, name: "Meiks", workers:[ 
      { id:1, firstName:"Joel", lastName:"Cash" }, 
      { id:2, firstName:"Christian", lastName:"Hamilton" }, 
      { id:3, firstName:"Cornelius", lastName:"Baldwin" } 
     ]} 
     // ...... 

使用ng-repeat來呈現它們。

<div ng-repeat-start="company in companies" class="header">{{company.name}}</div> 

     <div ng-repeat="worker in team.workers">{{worker.firstName}} {worker.lastName}}</div> 

    <div ng-repeat-end><br /></div> 
+1

謝謝查理! –