动态更新菜单栏分为

Question

在我的网站上，我想制作一个类似于this的导航栏，其中有类别（此处为2012）和文章（此处为5月 - 10月）。我有一个包含所有类别（id，name）的JSON对象，以及一个包含所有文章（id，title，body，category）的JSON对象，这些角色对我来说都是。

当前的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> 

和JavaScript：

app.controller('InfoController', ['$http', function($http){ 
    var info = this; 
    info.infocategories = []; 
    info.infoentries = []; 

    // This all works correctly 
    $http.get(api + 'info_categories?pageSize=20&pageNumber=1').success(function(data){ 
     info.infocategories = data.data; 
    }); 

    $http.get(api + 'info_posts?pageSize=20&pageNumber=1').success(function(data){ 
     info.infoentries = data.data; 
    }); 
}]); 

但是，你可以想像，这个代码显示在类别所有条目，但我想只显示属于特定类别的条目。

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

Answer 1

没关系，我已经自己修复了。我想我是在想太难...

<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>