如何在Angular中的ui-router中构建嵌套视图？

Question

我正在制作分类树。我正在使用ui-router。

我有一些像这样的嵌套视图：

<!-- index.html -->
<div ui-view="">
  category goes here
</div>

<!-- partials/categories.html -->
<div class="category">
  category stuff
  ...
  <div ui-view="subcategory">
    subcategory goes here
  </div>
</div>

因此，当我渲染路径“/ categories”时，会填充类别。现在，我想在路径“/ categories /：subcategory”中填充一个嵌套视图。但是，每个类别中的所有视图都会填充应该只显示在一个类别中的内容（因为它是该类别的子类别）。我该怎么做？

我想看到这个：

Category 1
  subcategory 1-1
  subcategory 1-2
Category 2
Category 3

但相反，我看到了这一点：

Category 1
  subcategory 1-1
  subcategory 1-2
Category 2
  subcategory 1-1
  subcategory 1-2
Category 3
  subcategory 1-1
  subcategory 1-2

我正在使用ui-router，因为我需要子类别对应于唯一的URL路径。