2014-10-11 59 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" 
      } 
      } 
     })