Рекурсивных итерация вложенных объектов с angularjs

Question

Здесь есть JSON с вложенными объектами с не постоянного уровнем вложенности

{ 
    "level": 2, 
    "title": "Subcat_in_cat2", 
    "url": "subcat_in_cat2_url", 
    "id": 5, 
    "parent": { 
     "level": 1, 
     "title": "Cat2", 
     "url": "cat2_url", 
     "id": 2, 
     "parent": { 
     "level": 0, 
     "title": "Cat1", 
     "url": "cat1_url", 
     "id": 1, 
     "vertical_order": 0 
     }, 
     "vertical_order": 0 
    }, 
    "vertical_order": 0 
} 

Как перебирать объекты для создания сухарей из этих данных, как это:

<ul class="breadcrumb"> 
    <li><a href="cat1">Cat1</a></li> 
    <li><a href="cat2">Cat2</a></li> 
    <li><a href="subcat_in_cat2_url">Subcat_in_cat2</a></li> 
</ul> 

Answer 1

С Угловым JS, вам нужно будет сделать это, считая, что ваш объект JSON хранится в $ scope.categories:

<ul class="breadcrumb" ng-repeat="cat in categories"> 
    <li><a href="cat.url">{{cat.title}}</a></li> 
</ul>