Javascript 根据单击的类别显示隐藏类别

我想根据所选类别显示和隐藏子类别。 两者都来自后端动态 但是出了点问题。 这是我的密码：-

 <div class="expense-categories">
   <div class="row">
     <div class="col-md-2 col-sm-6 col-xs-6 category_id" ng-repeat="category in mExpenseCategories">
       <a href="javascript:void()" ng-click="setActiveCategory(category)">
         <div class={{category.class}} ng-class="{active : activeCategory === category}">
           <img src={{category.image}} alt="">
           <p>{{category.name}}</p>
         </div>
       </a>
     </div>
     <div class="col-md-10 col-sm-6 col-xs-12 sub-category-none">
       <ul class="sub-category-menu animated fadeInLeft">
         <li><a class="category-back btn btn-fab btn-inverse btn-raised" href="javascript:void()"><i class="material-icons">arrow_back</i></a></li>
         <li><a class="well" href="javascript:void()">ab</a></li>
         <li><a class="well" href="javascript:void()">ab</a></li>
         <li><a class="well" href="javascript:void()">ab</a></li>
         <li><a class="well" href="javascript:void()">ab</a></li>
       </ul>
     </div>
   </div>
 </div>

类别和子类别的JSON：-

[{id: 1, name: "cat_1"},{id: 1, name: "cat_2"}]

此条件可能有助于“{active:activeCategory.id==category.id}”

发送mExpenseCategoriesquestion的Json示例更新@VenkateshUser5397700您是否在单独的范围内处理类别和子类别？？？在那里……？？？Thanx brother:-）

[{id: 1, name: "cat_1"},{id: 1, name: "cat_2"}]

 <div class={{category.class}} ng-class="{active : activeCategory.id == category.id}">