Есть ли готовые реализации раскрывающегося списка в angular?

Question

[Abc Edc]

Нужно чтобы список сам искал вложенности и выводил их до n в шаблоне. То есть суперNested нг рипит. Есть ли готовые решения или изобретать директиву самому

Answer 1

[Павел Кононенко]

Я вас умоляю, чего изобретать та. Тривиальная рекурсивная структура, дотюньте самостоятельно

div ng-include="children_renderer.html"

script type="text/ng-template" id="children_renderer.html"
  ul
    li ng-repeat="node in node.children"
      i ng-click="node.isHide=!node.isHide" ▼
      span
        | {{node.title}}
      div ng-include="'children_renderer.html'"  ng-hide="node.isHide"

Comments

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

Да, можно конечно и так, но это не есть хорошо.

[Павел Кононенко]

Сергей Протько: что плохого?

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

Павел Кононенко: все должно быть директивой, никаких рекурсий силами шаблонизатора. Но если данных мало и надо очень быстро - то да, можно и так.

[Павел Кононенко]

Сергей Протько: кто-то мешает засунуть это внутрь директивы? Я же сказал, чтобы автор тюнил. А это накидал за пол минуты.

[Павел Кононенко]

Сергей Протько: понятное дело, что это полуфабрикат

[Abc Edc]

Это я и сам накидал бы така если у каждой вложености разные объекты внутри

[Павел Кононенко]

ГЛЕБ ГЛЕБОВ: это тоже предусмотреть можно. Но обычно дерево -- это все-таки однородная структура данных

[Abc Edc]

Видимо я вообще не правильно выразился нужна короче полностью рандомная струткруа

[Павел Кононенко]

ГЛЕБ ГЛЕБОВ: пример структуры прикрепите, не совсем понятно. К рандомной структуре привязаться не получится.

Answer 2

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

ngmodules.org/modules?query=tree

отдельно рекомендую https://github.com/dotJEM/angular-tree как один из самых вменяемых вариантов.