スライドメニューがOnsen UIのページに追加されている場合、Navigatorが動作しない

Question

最近、私のPhoneGapモバイルアプリケーションの1つにスライディングメニューを追加したところ、myNavigator.ResetToPage（ 'htmlpage.html '）関数が機能しなくなりました。

スライドメニューには、それほど重要ではない補助ビューが2つしか表示されません。ここで

は

<ons-sliding-menu main-page="main.html" menu-page="menu.html" side="left" max-slide-distance="250px" var="menu"> 
</ons-sliding-menu> 

<ons-template id="menu.html"> 
    <ons-list> 
    <ons-list-item modifier="tappable" onclick="menu.setMainPage('main.html', {closeMenu: true})"> 
     Home 
    </ons-list-item> 
    <ons-list-item modifier="tappable" onclick="menu.setMainPage('my_stuff.html', {closeMenu: true})"> 
     My Stuff 
    </ons-list-item> 
    </ons-list> 
</ons-template> 


<ons-template id="main.html"> 
    <ons-navigator title="Navigator" var="myNavigator"> 
     <ons-page ng-controller="AppController" id="main"> 
      <ons-tabbar> 
       <ons-tab active="true" page="page1.html"> 
        <div class="tab"> 
         <ons-icon icon="ion-calendar" class="tab-icon"></ons-icon> 
         <div class="tab-label">Page 1</div> 
        </div> 
       </ons-tab> 
       <ons-tab page="page2.html"> 
        <div class="tab"> 
         <ons-icon icon="ion-checkmark" class="tab-icon"></ons-icon> 
         <div class="tab-label">Page 2</div> 
        </div> 
       </ons-tab> 
       <ons-tab page="settings.html"> 
        <div class="tab"> 
         <ons-icon icon="ion-gear-a" class="tab-icon"></ons-icon> 
         <div class="tab-label">Settings</div> 
        </div> 
       </ons-tab> 
      </ons-tabbar> 
     </ons-page> 
    </ons-navigator> 
</ons-template> 


<ons-template id="settings.html"> 
    <ons-page id="settings"> 
     <ons-toolbar style="background-color:#222;"> 
      <div class="center" style="color: white">Settings</div> 
     </ons-toolbar> 
     A HELP BUTTON WITH ng-click="navigateHelp()" 
     AN ABOUT BUTTON WITH ng-click="navigateAbout()" 
    </ons-page> 
</ons-template> 

index.htmlファイルのスケッチの作業を停止するナビゲータを作ったスライドメニューとナビゲーターとの間の接続は、ありますか？

Answer 1

setMainPageを使用すると、ons-sliding-menuのコンテンツが変更されています。 ons-navigatorは変更するコンテンツの一部なので、settings.htmlページにsetMainPageをロードすると、そこにナビゲータは表示されません（main.html内のみ）。

menu.setMainPageを使用して停止し、常にons-navigatorの方法を使用します。同等はmyNavigator.resetToPage(...)次のようになります。

<ons-template id="menu.html"> 
    <ons-list> 
    <ons-list-item modifier="tappable" onclick="myNavigator.resetToPage('main.html'); menu.close();"> 
     Home 
    </ons-list-item> 
    <ons-list-item modifier="tappable" onclick="myNavigator.resetToPage('my_stuff.html'); menu.close();"> 
     My Stuff 
    </ons-list-item> 
    </ons-list> 
</ons-template> 

メニューの内容、すなわちナビゲーター、そして唯一の変更ナビゲーターのコンテンツを維持するこの方法です。