没有关闭的手风琴菜单
问题描述:
我在我的菜单的控制器中有这个代码,它允许我显示一个子菜单。你可以看到,我有一个“产品”菜单,在这个菜单中,我有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>
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;
}
答
在控制器中您我的$scope.groups
和页面上你放group
。这就是为什么你有这个问题
真的!哦,我的天啊,我没有注意到它^^' – AlexisCraig