닫히지 않은 아코디언 메뉴

Question

이 코드는 내 메뉴의 컨트롤러에 있는데,이 메뉴를 통해 하위 메뉴를 표시 할 수 있습니다.

$scope.groups = []; 
    $scope.toggleGroup = function(group) { 
    if ($scope.isGroupShown(group)) { 
     $scope.shownGroup = null; 
    } else { 
     $scope.shownGroup = group; 
    } 
    }; 
    $scope.isGroupShown = function(group) { 
    return $scope.shownGroup === group; 
    }; 

"제품"메뉴가 있는데,이 메뉴에는 3 가지 카테고리가 있습니다. 코드는 작동하지만, 난 당신이 내가이

.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; 
    } 

이 "제품"내 CSS에서

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

클릭 할 때 것을보고 싶다 동안 불행하게도 범주 직접 볼 수 있습니다

Answer 1

컨트롤러에서 내 $scope.groups과 페이지에 group을 넣으십시오. 그래서이 문제가 발생했습니다.