Navigation 如何在angularjs中实现分层导航？

如何在angularjs中实现分层导航？例如，给定下面的站点结构，如何使用angularjs在侧栏中实现它

食谱
. 起动器
. 电源
.. 鸡肉
.. 素食者
.. 意大利语
... 意大利面
... 比萨饼
. 沙漠

---

我很高兴对单个层使用ng repeat，或者对固定的少量层（使用嵌套的ng repeat）执行效率低下，但不确定如何进行任意深度的导航。

我不担心使用嵌套的ng repeat指令，因为嵌套循环在编程上是必要的。他们在安古拉鲁也做得差不多。选中中的“Sortable”指令

---

另一种方法是编写一个定制的ng repetable DEPERTH指令，这将非常复杂，而且最终还是会在该指令上执行嵌套循环。

试试这个：如果您想要JSON中的数据，您也可以对“categories”和“recipes”中的配方使用相同的ng-REPEAT逻辑

<ul>

<li>
<a href="#"> Recipes</a>
</li>
     <ul>
        <li>
        <a href="#"> Categories</a>
        </li>

        <ul >
        <li ng-repeat="recipe in recipes>
        <a href="#/recipes/{{recipe.id}}"> <img ng-src="{{recipe.imageUrl}}"></a>
        </li>
        </ul>

     </ul>
</ul>

Here recipes is list of recipes you have. {{recipe.id}} and {{recipe.imageURL}} is getting picked  from JSON file where all this data is available.

for controller.js:



var recipeControllers = angular.module('recipeControllers', []);

recipeControllers.controller('recipeSideListCtrl', ['$scope', '$http', 
     function ($scope, $http) { 

$http.get('app/recipes/recipe.json').success(function(data){


$scope.recipes = data;


}}]);

嘿，谢谢你的建议。我认为它在这种情况下不起作用。在这个例子中，我不是要列出食谱，我是要列出/分类/食谱。所以我得到的是你想要下面的结构。-->菜谱-->-->Cateogires-->-->-->您只需为类别名称再添加一个
即可获得菜谱。我会编辑它。如果你想从JSON获得数据，你也可以对“类别”和“配方”中的配方使用相同的NG-REPEAT逻辑。你缺少的一点是，我想处理任意深度的子类别。对于任何给定的深度，我都可以使用n个嵌套的ng重复，但我要寻找的是一种手动处理此/无/嵌套ng重复的方法。我现在完全明白你的问题。你不想用手操作它，但通过NG自动重复，如果我错了，请纠正我。将调查我是否有时间下班。：）