動態更新菜單欄分爲

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>