Expand/Collapse'ы на angular?

Question

[developerrr]

Подскажите, пожалуйста, есть json примерно такого вида:

{
    "id" : 101,
    "category" : 1,
    "order" : 1,
    "name" : "test"
},{
    "id" : 102,
    "category" : 1,
    "order" : 2,
    "name" : "test1"
},{
    "id" : 201,
    "category" : 2,
    "order" : 1,
    "name" : "test2"
},{
    "id" : 202,
    "category" : 2,
    "order" : 2,
    "name" : "test3"
},{
    "id" : 203,
    "category" : 2,
    "order" : 3,
    "name" : "test4"
},{
    "id" : 301,
    "category" : 3,
    "order" : 1,
    "name" : "test5"
}

Что нужно:
Нужно, чтобы отображались только названия из каждой категории те, что под id 101, 201, 301 и т.д. (то есть первые значения). При нажатии на текст, что под id 101, появлялись бы под ним названия в стольбик из его же категорий (102, 103 и т.д.) (типа expand/collapse). Ну и так для остальных категорий. Надеюсь, понятно объяснил. Как такое можно реализовать?

Answer 1

[Сергей Протько]

ng-repeat, ng-hide/ng-show.

Comments

[developerrr]

Так а как именно разделить на несколько дропдаунов данные из одного json'а?

[Сергей Протько]

developerrr: приведите структуру к нужному виду (разбить на дропдауны) и потом уж ng-repeat-ом.