javascript - 对父子对象进行分组

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

以 Angular 实现这一目标的最佳方法是什么？有相关文章吗？我尝试查找自己，但找不到我需要的东西。

感谢您的宝贵时间!

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>