AngularJS-材料菜单

Question

我正在使用一个新的侧边栏，其中有一些"父列表点"和它们的"子列表点"，如下所示。

这是JavaScript（codepen）：

var app = angular.module('app', ['ngMaterial']);
app.controller('AppCtrl', ['$scope', '$mdSidenav', function($scope, $mdSidenav) {
  $scope.toggleSidenav = function(menuId) {
    $mdSidenav(menuId).toggle();
  };
  $scope.toggle = function() {
    if ($scope.closed == 'closed') {
      $scope.closed = 'opened';
    } else {
      $scope.closed = 'closed';
    } 
  };
}]);

我目前的问题是，当我点击（纯"angularJS"）时，我不知道如何只显示一个列表，而不是同时显示两个列表。

我该如何解决这个逻辑问题？

Answer 1

请参阅http://codepen.io/anon/pen/OMMgEx

要点：

标记：

<md-list-item ng-click="toggle(1)" ng-class="closed[1]">

Javascript：

$scope.toggle = function(ndx) {
    if ($scope.closed[ndx] == 'closed') {
        $scope.closed[ndx] = 'opened';
    } else {
        $scope.closed[ndx] = 'closed';
    } 
};