2014-10-11 48 views

回答

1

我知道了类似的行为: 您可以在这里看到演示: http://codepen.io/ionic/pen/tcIGK 或者这一次,http://codepen.io/anon/pen/eCKkm(这是第二级菜单)

基本上,使用默认的侧面菜单,但向右滑动时,菜单会出现,并且每个菜单都可以有独立的子菜单/表单等,而无需继续导航。

.config(function($stateProvider, $urlRouterProvider) { 

     $stateProvider 
     .state('eventmenu', { 
      url: "/event", 
      abstract: true, 
      templateUrl: "templates/event-menu.html" 
     }) 
     .state('eventmenu.home', { 
      url: "/home", 
      views: { 
      'menuContent' :{ 
       templateUrl: "templates/home.html" 
      } 
      } 
     }) 
     .state('eventmenu.checkin', { 
      url: "/check-in", 
      views: { 
      'menuContent' :{ 
       templateUrl: "templates/check-in.html", 
       controller: "CheckinCtrl" 
      } 
      } 
     }) 
     .state('eventmenu.attendees', { 
      url: "/attendees", 
      views: { 
      'menuContent' :{ 
       templateUrl: "templates/attendees.html", 
       controller: "AttendeesCtrl" 
      } 
      } 
     })