侧边菜单运行但路由文件不显示任何内容

Question

我正在尝试制作一个带有聊天事件和设置选项卡的简单侧边菜单。运行s 如果我从路由 js 文件中删除设置和事件块但什么都不显示。片段在下面，如果需要，这里是整个流星文件夹的 link 到你的 comp 上的运行 - https://drive.google.com/folderview?id=0B2MX6dSPUGBMTnMtWVVqLVcwNDQ&usp=sharing

我一直收到这样的错误：

=> Meteor server restarted Started your app. App running at: http://localhost:3000/ Errors prevented startup: While processing files with pbastowski:angular-babel (for target web.browser): client/scripts/routes.js:20:4: Babel transform error Your application has errors. Waiting for file change.

routes.js和settings.html分别

angular
  .module('myapp')
  .config(config);
 
function config($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('tab', {
      url: '/tab',
      abstract: true,
      templateUrl: 'client/templates/tabs.html'
    })
    .state('tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'client/templates/chats.html'
        }
      }
    });
    .state('tab.events', {
      url: '/events',
      views: {
        'tab-events': {
          templateUrl: 'client/templates/events.html'
        }
      }
    });

    .state('tab.settings', {
      url: '/settings',
      views: {
        'tab-settings': {
          templateUrl: 'client/templates/settings.html'
        }
      }
    });


 
  //$urlRouterProvider.otherwise('tab/recents');
}

<!-- settings.html, events.html, chats.html are all pretty much the same -->

<ion-view view-title="Settings">
  <ion-content>
 
  </ion-content>
</ion-view>

menu.html

<ion-side-menus>

  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-royal">
      <h1 class="title">Left</h1>
    </header>
    <ion-content class="has-header">
      <ion-list>
        <ion-item menu-close title="Chats" href="#/app/chats">
          Chats
        </ion-item>
        <ion-item menu-close title="Events" href="#/app/events">
          Events
        </ion-item>
        <ion-item menu-close title="Settings" href="#/app/settings">
          Settings
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

</ion-side-menus>

Answer 1

你好像有一些不应该出现的分号。对 state 的调用必须嵌套，所以不要以分号结尾，除非这是你的最后一个。更新代码：

angular
  .module('myapp')
  .config(config);

function config($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('tab', {
      url: '/tab',
      abstract: true,
      templateUrl: 'client/templates/tabs.html'
    })
    .state('tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'client/templates/chats.html'
        }
      }
    })
    .state('tab.events', {
      url: '/events',
      views: {
        'tab-events': {
          templateUrl: 'client/templates/events.html'
        }
      }
    })

    .state('tab.settings', {
      url: '/settings',
      views: {
        'tab-settings': {
          templateUrl: 'client/templates/settings.html'
        }
      }
    });



  //$urlRouterProvider.otherwise('tab/recents');
}

侧边菜单运行但路由文件不显示任何内容

Side menu runs but routes file shows nothing

javascript

sidebar

angularjs

meteor

ionic-framework