结合选项卡导航和侧边菜单导航与离子框架的 3 级嵌套视图答案

【问题标题】：3 level nested views combining Tab Navigation & Side Menu Navigation with Ionic Frameworks结合选项卡导航和侧边菜单导航与离子框架的 3 级嵌套视图
【发布时间】：2014-07-06 08:20:55
【问题描述】：

我看到很多将标签导航和侧边菜单导航结合在一起的示例，但它们不是嵌套的，或者仅在侧边菜单导航上具有嵌套视图的示例，就我而言，我想在其中实现一个标签导航但是，我已经尝试了几天但仍然无法弄清楚，这是我的笔：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");
})

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

【问题讨论】：

3 level nested view 是什么意思，是不是每个关卡都有自己的模板，你想加载它们？
也许“3 级嵌套状态”听起来更合适，在其中一个偶数菜单中，我还想要一个选项卡菜单。 @Reza
问题是什么？我们不知道您在哪里遇到问题
我也为此苦苦挣扎了好几个小时。似乎没有人知道该怎么做。我能够让它有点工作，但是当我切换视图时，定位栏没有用 URL 参数更新！
参考这个 - 有帮助 - stackoverflow.com/questions/16363426/…

标签： javascript angularjs angularjs-routing ionic-framework

【解决方案1】：

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

【讨论】：