Question

我看到很多例子结合了标签导航和放大器。侧边菜单导航在一起，但它们不是嵌套的，或仅在侧面菜单导航中使用嵌套视图的示例，在我的情况下，我只想在其中一个侧面菜单导航中实现标签导航，但是，我＆＃39已经尝试了几天但仍然无法弄明白，这是我的笔：http://codepen.io/auching/pen/vyzJg

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

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

  $urlRouterProvider.otherwise("/event/home");
})

任何帮助将不胜感激！ THX。

Answer 1

看看navtest。它不是一个好的首发，但它是如何以一种在Ionic中工作的方式组合不同导航概念的一个例子。 https://github.com/driftyco/ionic-starter-tests

3个嵌套视图，结合了Tab Navigation＆amp;带有离子框架的侧面菜单导航

1 个答案: