Jak obsługiwać rekurencyjne renderowanie danych przy użyciu AngularJS

Mam aplikację, która ma zestaw danych, który ma relację rekurencyjną (widok drzewa, przy użyciu rekurencji). Próbowałem kilku sposobów na zaimplementowanie tego przez Angulara, z których żaden nie wydaje się zapewniać realnego wyniku.

Chodzi o to, że chcę, aby te dane były renderowane przy użyciu zestawu zagnieżdżonych list, co pozwala na wiele (7+) poziomów głębi. Aby uprościć rzeczy (moja aktualna aplikacja używa Restangular) zbudowałem następujący plunker:

http://plnkr.co/edit/dKT9OvpsMgnxmLwgF0ij

Podczas gdy dane „najwyższego poziomu” są poprawnie renderowane (tylko pierwszy tytuł), moja próba powtórzenia za pomocą zagnieżdżonych kontrolerów wydaje się zawodzić. Chodzi o to, że każde „dziecko” w drzewie jest renderowane za pomocą własnego kontrolera, który może następnie renderować go jako dziecko, i tak dalej i dalej. Zdaję sobie sprawę, że zagnieżdżone kontrolery mogą nie być „najlepszym” sposobem, ale po wielu poszukiwaniach nie znalazłem „lepszej” alternatywy.

Ważne jest, aby wynikowe rozwiązanie zachowało tutaj koncepcję „zagnieżdżania” (każdy element pojawiający się poniżej elementu macierzystego, z lekkim wcięciem).

questionAnswers(3)

yourAnswerToTheQuestion