带有Ionic Framework的两个连续侧菜单

时间:2014-10-11 13:31:24

标签: html5 cordova ionic-framework

使用IonicFramework可以从离子侧菜单中打开第二个子菜单吗?

menu opened

submenu opened

1 个答案:

答案 0 :(得分: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"
            }
          }
        })