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

Side menu runs but routes file shows nothing

本文关键字：文件 显示 任何内 路由 菜单 运行      更新时间：2023-09-26

我正在尝试制作一个简单的带有聊天事件和设置选项卡的侧菜单。如果我从 routes js 文件中删除设置和事件块，它会运行，但什么也没显示。片段如下，如果需要，这里是指向整个 meteor 文件夹的链接，可在您的合成上运行 - https://drive.google.com/folderview?id=0B2MX6dSPUGBMTnMtWVVqLVcwNDQ&usp=sharing

我不断收到一个错误，说这个：

=> 流星服务器重新启动 已启动应用。应用运行时间：http://localhost:3000/ 错误阻止启动：在使用pbastowski：angular-babel处理文件时（对于目标web.browser）： 客户端/脚本/路由.js：20：4：Babel 转换错误 您的应用程序有错误。等待文件更改。

路线.js和设置.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>

菜单.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>

看起来你在那里有一些不应该存在的分号。对状态的调用必须是嵌套的，所以不要用分号结束它们，除非它是你的最后一个。更新的代码：

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');
}
相关文章：