如何在Angular中构建recusrive类别，也许使用ui-router？

Question

我是一个初学者Angular家伙，我需要一些帮助构建一个应用程序。我遇到困难的部分是分类系统。

“类别”模型包含以下字段：标题，段塞，父类别，图像，类型。类别可以是简单类型（仅标题，无图像）或完整（标题和图像）。其他类别类型应该可以在将来创建 - 例如，具有冗长描述且没有子项的类别。类别可以自动扩展（带子类别的简单类别默认情况下会扩展子级）或不扩展（默认情况下不会扩展完整类别）。

在视觉上，它应如下所示：一个类别有一个标题，其中包含子类别的图像和标题，如应用程序在手机的主屏幕上显示：

https://s3.amazonaws.com/ish-archive/2016/bjjcollective/20160215.bjjc-uiux.png

当您点击其中一个＆＃34; app＆＃34; -looking的东西时，该子类别的标题会被添加到标题的层次结构中（因此分类充当树），并显示子子类别，作为应用程序外观。

当您单击父目录的标题时，子树将替换为该类别的子类别的展开视图。

此外，每个类别都应该有一个与之关联的网址，例如：/ categories / houses / kitchen / silverware（/ categories /：slug_0 /：slug_1或/ categories / * slugs？）应该是银器类别的页面展开，并显示其子类别。 slu is不是唯一的！因此，您可以拥有像/ categories / camping / kitchen / silverware这样的路径，这些路径与＆＃34; house＆＃34;银器。

后端API可以具有前端可用的任何形状。 /api/categories.json,/api/categories/houses.json?depth=2,/api/category/houses.json - 它非常灵活。

所以我正在研究ui-router和指令来实现这一点，但我不知道如何构建我的代码。要将视图绑定到url我必须使用ui-router，而不是指令，对吧？递归视图是Angular中的一个东西吗？并且，如果每个类别都有子视图，如何将子类别的渲染限制为仅一个相关的子视图？我有一个非常坚实的想法，如何在jQuery中做到这一点，但你如何在Angular中做到这一点？