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>

分组父子对象

1 个答案: