Javascript 当与ui路由器子状态组合时，离子离子侧菜单产生空白页_Javascript_Angularjs_Ionic Framework_Angular Ui Router

Javascript 当与ui路由器子状态组合时，离子离子侧菜单产生空白页

javascript angularjs ionic-framework

Javascript 当与ui路由器子状态组合时，离子离子侧菜单产生空白页,javascript,angularjs,ionic-framework,angular-ui-router,Javascript,Angularjs,Ionic Framework,Angular Ui Router,正如标题所述，我在使用Angular ui router和离子侧菜单时遇到问题。我见过其他几个非常类似的问题，但我似乎无法确定我的问题在我将基本状态加载到ion nav视图之前，没有使用父状态，侧栏会显示出来。然而，我一改变状态，侧栏就停止工作了。由于添加了父状态app并制作了feed，它的子应用程序显示了一个完全空白的屏幕，并且没有从任何一个控制器运行任何代码从index.html开始，我的body标签就是标签： <body> <ion-nav-view><

正如标题所述，我在使用Angular ui router和离子侧菜单时遇到问题。我见过其他几个非常类似的问题，但我似乎无法确定我的问题

在我将基本状态加载到ion nav视图之前，没有使用父状态，侧栏会显示出来。然而，我一改变状态，侧栏就停止工作了。由于添加了父状态

app

并制作了

feed

，它的子应用程序显示了一个完全空白的屏幕，并且没有从任何一个控制器运行任何代码

从

index.html

开始，我的body标签就是

标签：

<body>
  <ion-nav-view></ion-nav-view>
</body>

最后，将事物联系在一起的是路由器：

函数配置（$stateProvider、$urlRouterProvider、$locationProvider）{

我很感激任何人都能提供的见解。

问题在于

$urlRouterProvider.Others（）

指向

/feed

，而它本应该是

/app/feed

，因为从技术上讲它是一个子状态

<ion-side-menus>
  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button class="button-clear"><i class="icon ion-chevron-left"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-pane>
  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Left</h1>
    </header>
    <ion-content class="has-header">
      <ion-list>
        <ion-item nav-clear menu-close>
          Tab 1
        </ion-item>
        <ion-item nav-clear menu-close>
          Tab 2
        </ion-item>
        <ion-item nav-clear menu-close>
          Some tab
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

$urlRouterProvider.when('', '/feed');
$urlRouterProvider.otherwise('/feed');

$stateProvider
  .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'views/menu/menu.html',
    controller: 'MenuController'
  })

$stateProvider
  .state('app.feed', {
    url: '/feed',
    views: {
      'menuContent': {
        templateUrl: 'views/feed/feed.html',
        controller: 'FeedController',
        controllerAs: 'ctrl',
        authenticate: true
      }
    }
  });

//Other states