Angularjs: сложная таблица с использованием ng-repeat [duplicate]

Question

Angularjs: сложная таблица с использованием ng-repeat [duplicate]

0

Я имею эту переменную сферы:

$scope.item = {
    "main1": {
        "proj1": ["comp1", "comp2"],
        "proj2": ["comp3", "comp4", "comp5"]
    },
    "main2": {
        "proj3": ["comp1", "comp2"],
        "proj4": ["comp3", "comp4"],
        "proj5": ["comp1"]
    }
};

И я хочу, чтобы таблица выглядела так: http://plnkr.co/edit/DWgLUeie3XzNYGx7RxcX?p=preview

Я могу использовать ng-repeat в первом столбце, но не уверен, как использовать его для других столбцов.

Vimalraj Selvam 26 нояб. 2015, в 13:02

Источник

0

Вы не должны использовать ngRepeat здесь, написание другой директивы может быть проще.
vp_arth 26 нояб. 2015, в 12:19
0

@vp_arth: нашел решение из другого поста и пометил этот вопрос как дубликат. Спасибо за ваше время.
Vimalraj Selvam 26 нояб. 2015, в 12:20
0

Только предупреждаю - все будет слишком сложно, если вы захотите больше уровней / столбцов таким образом :)
vp_arth 26 нояб. 2015, в 12:24
0

Согласен, я гарантирую, что мне не нужно больше уровней, чем этот.
Vimalraj Selvam 26 нояб. 2015, в 12:27

Показать ещё 2 комментария

Теги:

javascript

angularjs

angularjs-ng-repeat

ng-repeat

1 ответ

Ещё вопросы

Вы не должны использовать ngRepeat здесь, написание другой директивы может быть проще.
@vp_arth: нашел решение из другого поста и пометил этот вопрос как дубликат. Спасибо за ваше время.
Только предупреждаю - все будет слишком сложно, если вы захотите больше уровней / столбцов таким образом :)
Согласен, я гарантирую, что мне не нужно больше уровней, чем этот.

Simon H · Answer 1 · 2015-11-26T10-05-00.000Z

ОК, так что HTML не исправить ниже, но вы можете распаковать JSON, следуя этому образцу

 <... ng-repeat="(k1, v1) in item" ...>
    {{key}}    // main1
    <... ng-repeat="(k2,v2) in v1" ...>
        {{k2}}     // proj1
       <... ng-repeat="v3 in v2"...>
            {{v3}}     // comp1, comp2

Это проблема, с которой я сталкиваюсь. Мы должны подумать о интервалах строк для столбцов proj и comp. Вот где я застрял. Было бы здорово, если бы вы могли примерить реальный стол.
Использование может использовать, например, rowspan={{v2.length}}