相关疑难解决方法(0)

在我看来,有一个侧面菜单,对于像设置和关于页面的东西,结合主应用程序的选项卡是一个非常重要和标准的应用程序界面.谷歌的Messenger应用程序就是这样的.

我正在努力让它发挥作用,我看到有很多问题,但很少有令人满意的信息.我把侧面菜单与swipeboxes结合在了一起.这应该很简单.我曾经使用jQuery Mobile为我的应用程序,它比Ionic更笨重,但做这样的界面很容易,它运作良好.

我遇到的问题是选项卡模板没有加载到选项卡中.这可能是我想要的傻事,但这是我的app.js代码片段:

config(function($stateProvider, $urlRouterProvider) {
  $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('tab.tab1', {
      url: 'tab/tab1',
      views: {
        'tab-tab1': {
          templateUrl: 'templates/tab-tab1.html',
          controller: 'tab1Ctrl'
        }
      }
    })

.state('tab.tab-tab2', {
      url: 'tab/tab2',
      views: {
        'tab-tab2': {
          templateUrl: 'templates/tab-tab2.html',
          controller: 'tab2Ctrl'
        }
      }
    })

.state('tab.extras', {
    url: 'tab/extras',
    views: {
      'tab-extras': {
        templateUrl: 'templates/tab-extras.html',
        controller: 'AccountCtrl'
      }
    }
  })

    .state('app.about', {
      url: …