Question

所以在Ionic中我使用的是具有导航视图的ui-router，但它似乎无法正常工作：

app.js

 app.config(function($stateProvider, $urlRouterProvider) {
      $stateProvider

    .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/home.html'
  })
.state('app.book', {
    url: '/book',
    views: {
      'menuContent': {
        templateUrl: 'templates/book.html'
      }
    }
  })
  .state('app.service', {
    url: '/service',
    views: {
      'menuContent': {
        templateUrl: 'templates/service.html',
        controller: 'ServiceController'
      }
    }
  })
$urlRouterProvider.otherwise('/app/book');

home.html的：

<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-header-bar align-title="left" class="bar-positive">

        <button class="button icon-left ion-navicon-round button-clear " menu-toggle="left"> </button>

        <h1 class="title">Maalish</h1>
        </ion-header-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>//Nav View
  </ion-side-menu-content>

  <ion-side-menu side="left">

    <ion-content>
      <ion-list>

      <ion-item item-icon-left menu-close href="#/app/splash">
         <i class="icon ion-home"></i>
          &nbsp Home
        </ion-item>

      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

Book.html

<ion-view view-title="book">
<ion-content class="book-content">
  Hi
<a href="#/app/service">Click </a>
</ion-content>
</ion-view>

Service.html：

<ion-view view-title="service">
    <ion-content class="book-content">
      Hey

    </ion-content>
    </ion-view>

所以这是小描述：

Home.html-它在所有页面/屏幕上都需要侧面菜单作为父屏幕

Book.html：它是service.html的deafault和第一个屏幕链接

Service.html：它是第二个屏幕。

问题： 因此，当我打开应用程序时，book.html打开并且它具有sidemenu（home.html）但是当我点击链接service.html页面打开但它没有sidemenu.If我只刷新service.html的链接然后侧面菜单打开。从book.html重定向时，Sidemenu不会出现

Answer 1

解决它你只需要改为I.e将true改为false

离子导航视图无法正常工作

1 个答案: