1
このコードは私のメニューのコントローラにあり、サブメニューを表示できます。アコーディオンメニューが閉じていない
$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つのカテゴリがあります。 コードは動作しますが、私はあなたが「製品」私の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>
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>
をクリックしたとき、私はこの
.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;
}
を持っていることを確認したいと思いながら、残念ながらカテゴリは、直接見えます
True!ああ私の神、私はそれに気付かなかった^^ – AlexisCraig