分組父子對象

Question

我正在將對象分組在一個表中。 現在，我有一個關於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

實現此目標的最佳方法是什么？ 是否有關於此的文章？ 我試着尋找自己，但找不到所需的東西。

謝謝你的時間！

Answer 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>