Группировка родительско-дочерних объектов

Question

Группировка родительско-дочерних объектов

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

Каков наилучший способ добиться этого в угловом? Есть ли статья об этом? Я пытался выглядеть сам, но я не мог найти то, что мне нужно.

Спасибо за ваше время!

John Onslaught 24 янв. 2016, в 11:41

Источник

0

Довольно просто с вложенным ngRepeat, но ваша структура данных не готова к этому.
dfsq 24 янв. 2016, в 09:46

Теги:

javascript

jquery

angularjs

1 ответ

Ещё вопросы

Довольно просто с вложенным ngRepeat, но ваша структура данных не готова к этому.

Charlie H · Accepted Answer · 2016-01-24T08-57-00.000Z

Расположите данные в следующей структуре.

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