路由嵌套选项卡

时间:2016-11-06 16:50:42

标签: angularjs ionic-framework angular-ui-router

我有:

-tab1
-tab2
-tab3
-- subtab1
-- subtab2 
-- subtab3
-- subtab4
- tab4

如果我通过幻灯片菜单访问任何子标签,tab3将被禁用。 我想强制tab3被启用因为是所有子标记的索引。 如果我从tab3访问子标签,一切正常。但是,如果我直接访问任何子选项卡(不点击tab3 ...)tab3将被禁用。 请注意tab3和所有子标记具有相同的路由标签'tab6'

如果我间接访问任何子标签,如何更改tab3

这是APP:https://creator.ionic.io/share/2d9b0126751e

部分相关代码:

.state('men.inicio', {
    url: '/inicio',
    views: {
      'tab1': {
        templateUrl: 'templates/inicio.html',
        controller: 'inicioCtrl'
      }
    }
  })

  .state('men.calculadora', {
    url: '/calculadora',
    views: {
      'tab6': {
        templateUrl: 'templates/calculadora.html',
        controller: 'calculadoraCtrl'
      }
    }
  })

  .state('men.contacto', {
    url: '/contacto',
    views: {
      'tab3': {
        templateUrl: 'templates/contacto.html',
        controller: 'contactoCtrl'
      }
    }
  })

  .state('men', {
    url: '/menu',
    templateUrl: 'templates/men.html',
    abstract:true
  })

  .state('men.diseOWeb', {
    url: '/disenoweb',
    views: {
      'tab6': {
        templateUrl: 'templates/diseOWeb.html',
        controller: 'diseOWebCtrl'
      }
    }
  })

  .state('men.desarrolloApp', {
    url: '/app',
    views: {
      'tab6': {
        templateUrl: 'templates/desarrolloApp.html',
        controller: 'desarrolloAppCtrl'
      }
    }
  })

  .state('men.blogCompleto', {
    url: '/blog',
    views: {
      'tab6': {
        templateUrl: 'templates/blogCompleto.html',
        controller: 'blogCompletoCtrl'
      }
    }
  })

谢谢,

0 个答案:

没有答案