NavigatorView's的页面堆栈是空的，返回到主页Onsen UI

NavigatorView's page stack is empty back to main page Onsen UI

本文关键字：返回 UI Onsen 主页 堆栈 NavigatorView      更新时间：2023-09-26

大家好，我是Onsen UI框架的新手。非常漂亮的框架。但是我导航有问题。从主页到另一个模板，我在这个模板中键入一些数据并保存，然后自动返回主页。我使用myNavigator.popPage()。我有错误NavigatorView的页面堆栈是空的。这里我的代码我使用滑动菜单

index . html 

    <ons-navigator title="Navigator" var="myNavigator">
          <ons-sliding-menu close-on-tap
                          main-page="main.html"
                          menu-page="menu.html"       
                          side="left"
                          max-slide-distance="250px"
                          var="menu">
        </ons-sliding-menu>
  </ons-navigator>

 <ons-template id="menu.html">      
  <ons-list>
    <ons-list-item modifier="chevron" onclick="menu.setMainPage('nomor.html', {closeMenu: true})">
      Setting Nomor
    </ons-list-item>
  </ons-list>
</ons-template>

<ons-template id="nomor.html">
    <ons-page ng-controller="penomoranController">
    <ons-toolbar>
      <div class="left">
        <ons-toolbar-button ng-click="menu.toggleMenu()"><ons-icon icon="ion-navicon" style="font-size: 32px; width: 1em;"></ons-icon></ons-toolbar-button> 
    </div>
      <div class="center"> Setting Nomor</div>
      <div class="right">
        <div id="prosesAjax"></div>
      </div>
    </ons-toolbar>
        <ons-list>
            <ons-list-item>
                <input type="text" placeholder="nomor" ng-model="noini"  class="text-input text-input--transparent" style="margin-top:8px; width: 100%;">
            </ons-list-item>
        </ons-list>
        <div class="content-padded">
        <ons-button id="btnSignIn" modifier="large"  ng-click="saveData()">
          Save
        </ons-button>
      </div>
  </ons-page>
</ons-template>

AngularJS控制器

agendaApp.controller('penomoranController',function ($scope){
                 $scope.saveData=function(){
                            $scope.myNavigator.popPage();
                 };

     });

问题是当我点击保存按钮得到错误NavigatorView的页面堆栈是空的，有什么问题?谢谢你的回答

menu.setMainPage正在设置一个新的堆栈，因此在您的情况下，myNavigator堆栈中只有一个页面(normor .html)。因此，当您尝试popPage时，没有其他页面可返回。

解决方案-尝试myNavigator.pushPage(nomor.html)，使myNavigator堆栈将nomor.html推到其堆栈。然后你可以popPage。

相关文章：