Javascript 带嵌套离子导航视图的离子导航视图不工作_Javascript_Html_Ionic Framework_Ionic_Hybrid Mobile App

Javascript 带嵌套离子导航视图的离子导航视图不工作

javascript html ionic-framework

Javascript 带嵌套离子导航视图的离子导航视图不工作,javascript,html,ionic-framework,ionic,hybrid-mobile-app,Javascript,Html,Ionic Framework,Ionic,Hybrid Mobile App,我对离子导航视图嵌套有一个奇怪的问题。当我在浏览器中加载应用程序时，我可以看到URL变为/app/menu，但页面上没有显示menu.html中的内容。这一页是空白的下面是代码片段 index.html <body ng-app="starter"> <ion-nav-view></ion-nav-view> </body> <ion-view> <ion-content> <ion-na

我对

离子导航视图

嵌套有一个奇怪的问题。当我在浏览器中加载应用程序时，我可以看到URL变为

/app/menu

，但页面上没有显示

menu.html

中的内容。这一页是空白的

下面是代码片段

index.html

<body ng-app="starter">
 <ion-nav-view></ion-nav-view>
</body>

<ion-view>
    <ion-content>
        <ion-nav-view name="page-content"></ion-nav-view>
    </ion-content>
</ion-view>

<ion-view>
    <ion-header-bar class="bar bar-positive bar-header" align-title="center" no-tap-scroll="true">
        <div class="buttons buttons-left header-item">
            <span class="left-buttons"></span>
        </div>
        <div class="bar bar-header bar-positive header-item">Welcome</div>
        <div class="buttons buttons-right header-item">
            <span class="right-buttons"></span>
        </div>
    </ion-header-bar>
    <ion-content>
      <ion-list>
       <ion-item class="item item-icon-left">
         <i class="icon ion-person"/>   
         <h3>Profile</h3>
       </ion-item>
      </ion-list>
    </ion-content>
</ion-view>

default.html

<body ng-app="starter">
 <ion-nav-view></ion-nav-view>
</body>

<ion-view>
    <ion-content>
        <ion-nav-view name="page-content"></ion-nav-view>
    </ion-content>
</ion-view>

<ion-view>
    <ion-header-bar class="bar bar-positive bar-header" align-title="center" no-tap-scroll="true">
        <div class="buttons buttons-left header-item">
            <span class="left-buttons"></span>
        </div>
        <div class="bar bar-header bar-positive header-item">Welcome</div>
        <div class="buttons buttons-right header-item">
            <span class="right-buttons"></span>
        </div>
    </ion-header-bar>
    <ion-content>
      <ion-list>
       <ion-item class="item item-icon-left">
         <i class="icon ion-person"/>   
         <h3>Profile</h3>
       </ion-item>
      </ion-list>
    </ion-content>
</ion-view>

这是否意味着离子导航视图需要选项卡或离子侧菜单？它不能与离子视图一起工作吗

尝试更改代码：

.state("app.menu", {
url: "/app/menu",
views: {
  "page-content": {
    templateUrl: "templates/menu.html",
    controller: "MenuController"
  }
}

到

在hrefs中继续写入#/app/menu