选项卡和侧面菜单 - 指向状态的链接不起作用

Question

我根据这个答案构建了我的应用程序的结构:

如何在Ionic中设置带有标签的sidemenu？

结合侧边菜单和标签:

我的app.js文件看起来像这样:

$stateProvider

.state('app', {
 url: '/app',
 abstract: true,
 templateUrl: 'templates/menu.html',
 controller: 'AppCtrl'
})
.state('app.tabs', {
  url: '/tabs',
  views: {
    'menuContent': {
      templateUrl: 'templates/tabs.html'
    }
  }
})
.state('app.tabs1.general', {
  url: '/tabs1-general',
  views: {
    'general-tab': {
      templateUrl: 'templates/general1.html',
      controller: 'General1Ctrl'
    }
  }
})
.state('app.tabs2', {
  url: '/tabs2',
  views: {
    'menuContent': {
      templateUrl: 'templates/tabs2.html'
    }
  }
})
.state('app.tabs2.general', {
  url: '/tabs2-general',
  views: {
    'general2-tab': {
      templateUrl: 'templates/general2.html',
      controller: 'General1Ctrl'
    }
  }
})

$urlRouterProvider.otherwise('/app/ofertas/ofertas-reporte');

当我在otherwiseurlRouterProvider 的方法中测试设置路由的所有路由时,一切正常,但是当我在侧栏设置路由时,URL不匹配:

我的菜单在这里:

<ion-content>
  <ion-list class="coloredList">
    <ion-item class="sap-color" menu-close href="#/app/tabs1">
      <i class="ion-compose"></i> tabs1
    </ion-item>
   <ion-item class="sap-color" menu-close href="#/app/tabs2">
      <i class="ion-android-star"></i> tabs2
    </ion-item>
 ...

我也尝试过ui-sref,但似乎没什么用.

有什么建议？

Answer 1

查看这个项目： https: //github.com/mircobabini/ionic-sidemenu-tabs-together我认为这可以满足您的需要。这是一个较旧的项目，可能需要一些更新，但它可以作为一个起点。codepen中有一个demo，链接在github上。