Question

我的菜单控制器中有这个代码，可以显示子菜单。

restart

如您所见，我有一个“产品”菜单，在此菜单中，我有3个类别。该代码有效，但不幸的是，这些类别是直接可见的，而我希望看到当您点击“产品”时

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

在我的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。这就是你遇到这个问题的原因

未关闭的手风琴菜单

1 个答案: