Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 结合选项卡导航和;使用Ionic框架的侧菜单导航_Javascript_Angularjs_Angularjs Routing_Ionic Framework - Fatal编程技术网

Javascript 结合选项卡导航和;使用Ionic框架的侧菜单导航

Javascript 结合选项卡导航和;使用Ionic框架的侧菜单导航,javascript,angularjs,angularjs-routing,ionic-framework,Javascript,Angularjs,Angularjs Routing,Ionic Framework,我看到很多例子将选项卡导航和侧菜单导航结合在一起,但它们不是嵌套的,或者只是侧菜单导航上的嵌套视图的例子,在我的例子中,我只想在侧菜单导航中的一个内实现选项卡导航,然而,我已经尝试了几天,但仍然无法找到它,这是我的钢笔: 任何帮助都将不胜感激!thx.看一看navtest。这不是一个很好的开端,但它是一个例子,说明了如何以一种在Ionic中工作的方式组合不同的导航概念 你所说的3层嵌套视图是什么意思是不是每个层都有自己的模板,你想加载它们?也许“3层嵌套状态”听起来更合适,在一个even菜单中,

我看到很多例子将选项卡导航和侧菜单导航结合在一起,但它们不是嵌套的,或者只是侧菜单导航上的嵌套视图的例子,在我的例子中,我只想在侧菜单导航中的一个内实现选项卡导航,然而,我已经尝试了几天,但仍然无法找到它,这是我的钢笔:


任何帮助都将不胜感激!thx.

看一看navtest。这不是一个很好的开端,但它是一个例子,说明了如何以一种在Ionic中工作的方式组合不同的导航概念

你所说的
3层嵌套视图是什么意思
是不是每个层都有自己的模板,你想加载它们?也许“3层嵌套状态”听起来更合适,在一个even菜单中,我还想要一个tab菜单@雷扎:问题是什么?我们不知道你哪里出了问题,我也为此挣扎了几个小时。似乎没有人知道怎么做。我可以让它在某种程度上正常工作,但是当我切换视图时,lcoation栏没有用URL参数更新!参考这个-它有帮助吗-
  .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");
})