Html 按类别划分的动态更新菜单栏

在我的网站上，我想制作一个导航栏，就像，有类别（这里是2012年）和文章（这里是5月到10月）。我有一个包含所有类别（id，name）的JSON对象，还有一个包含所有文章（id，title，body，category），angular为我提供了这个对象

当前的HTML如下所示：

<!-- The angular controllers are already initialized before this piece of code -->
<div class="menubar">
  <ul>
    <li class="cat" ng-repeat="infocategory in info.infocategories">
      {{infocategory.name}}
      <ul>
        <li class="arti" ng-repeat="infoentry in info.infoentries">
          <!-- The link links to a function that sets the correct tab -->
          <a href ng-click="tab.setTab({{infoentry.id}})">{{infoentry.title}}</a>
        </li>
      </ul>
    </li>
  </ul>
</div>

但是，正如您所想象的，此代码显示类别下的所有条目，但我只希望显示属于特定类别的条目

---

我对AngularJS比较陌生，所以非常感谢您的帮助。如果有任何代码缺失或不清楚，请告诉我。提前谢谢

没关系，我已经自己修好了。我想我是想得太难了

<div class="menubar">
    <ul>
        <li class="cat" ng-repeat="infocategory in info.infocategories">
            {{infocategory.name}}
            <ul>
                <li class="arti" ng-repeat="infoentry in info.infoentries" ng-show="infoentry.cat == infocategory.id">
                    <a href ng-click="tab.setTab(infoentry.id)">{{infoentry.title}}</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

{{infocategory.name}

<div class="menubar">
    <ul>
        <li class="cat" ng-repeat="infocategory in info.infocategories">
            {{infocategory.name}}
            <ul>
                <li class="arti" ng-repeat="infoentry in info.infoentries" ng-show="infoentry.cat == infocategory.id">
                    <a href ng-click="tab.setTab(infoentry.id)">{{infoentry.title}}</a>
                </li>
            </ul>
        </li>
    </ul>
</div>