Создание меню дерева уровней N с использованием ng-repeat в angularjs

47
6

У меня такой json:

  $scope.Menu = [
{ "MenuID": "1", "MenuTitle": "Scan", "MenuUrl": "/Test/Test", "MenuParentID": "0" },
{ "MenuID": "2", "MenuTitle": "Security", "MenuUrl": "/Test/Test", "MenuParentID": "0" },
{ "MenuID": "3", "MenuTitle": "PDF", "MenuUrl": "/Test/Test", "MenuParentID": "1" },
{ "MenuID": "4", "MenuTitle": "Doc", "MenuUrl": "/Test/Test", "MenuParentID": "1" },
{ "MenuID": "5", "MenuTitle": "Creat User", "MenuUrl": "/Test/Test", "MenuParentID": "2" },
{ "MenuID": "5", "MenuTitle": "PDF SUB", "MenuUrl": "/Test/Test", "MenuParentID": "3" }
];

Я хочу создать дерево уровня N, основанное на этом json. Я пробовал:

<section class="sidebar" ng-repeat=" ParentMenu in Menu">

<ul class="sidebar-menu" ng-if="ParentMenu.MenuParentID == 0">

<li class="active treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span>{{ParentMenu.MenuTitle}}</span> <i class="fa fa-angle-left pull-right"></i>
</a>
<ul ng-repeat="ChildMenu in Menu" class="treeview-menu">
<li ng-if="ChildMenu.MenuParentID==ParentMenu.MenuID">
<a href="index.html"><i class="fa fa-circle-o"></i> {{ChildMenu.MenuTitle}}</a>
</li>
</ul>
</li>

</ul>
</section>

Его работа на 2 уровня. Я новичок в угловой. Как я могу это достичь?

спросил(а) 2015-11-18T10:14:00+03:00 4 года назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема