沒有關閉的手風琴菜單

Question

我在我的菜單的控制器中有這個代碼，它允許我顯示一個子菜單。你可以看到，我有一個「產品」菜單，在這個菜單中，我有3個類別。 代碼工作，但不幸的是，類別是直接可見的，而我想看到的是，當你的「產品」

<ion-item class="item-stable item" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> 
 
    <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> 
 
    &nbsp;Products 
 
</ion-item> 
 
<ion-item class="item-accordion" ng-show="isGroupShown(group)" ui-sref="menu.disponibilites" menu-close="">Category 1</ion-item> 
 
<ion-item class="item-accordion" ng-show="isGroupShown(group)" ui-sref="menu.organiseVisite" menu-close="">Category 2</ion-item> 
 
<ion-item class="item-accordion" ng-show="isGroupShown(group)" ui-sref="menu.trouverUnJeune" menu-close="">Category 3</ion-item>

在我的CSS單擊我有這個

.list .item.item-accordion { 
    line-height: 15px; 
    padding-top: 0; 
    padding-bottom: 0; 
    transition: 0.09s all linear; 
    } 
    .list .item.item-accordion.ng-hide { 
    line-height: 0px; 
    } 
    .list .item.item-accordion.ng-hide-add, 
    .list .item.item-accordion.ng-hide-remove { 
    display: block !important; 
    } 

Answer 1

在控制器中您我的$scope.groups和頁面上你放group。這就是爲什麼你有這個問題