javascript - NavigatorView的页面堆栈为空返回主页Onsen UI

Question

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

索引.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 Controller

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


     }); 

问题是当我单击“保存”按钮时出现错误 NavigatorView 的页面堆栈为空，这是怎么回事？谢谢您的回答

Answer 1

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

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