分组父子对象

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>