初めまして、よろしくお願い致します。
ons-navigatorを使用してページ制御しています。
htmlページを分けないで、ons-templateを使用して、
ons-sliding-menuでスライドメニュー表示をさせています。
その際、スライドメニュー中から、
リンクをクリックすると、別のページに遷移させており、
(コードだと、a.htmlに遷移する)
その後スライドメニューを自動で閉じる動きをさせたいのですが、
うまくいきません。
myNavigator.pushPage('a.html', {closeMenu: true})"
を
app.slidingMenu.setMainPage('a.html', {closeMenu: true})"
に書き換えるなどしたのですが、
ons-navigatorでページ制御を行っているせいか、
エラーとなり、ページ遷移後にメニューが表示されたままになってしまいます。
どなたかお知恵をお貸しください。
何卒よろしくお願い致します。
<ons-sliding-menu var="app.slidingMenu" menu-page="s-menu.html" main-page="login.html" side="right" type="overlay" max-slide-distance="200px" swipeable="false">
<ons-navigator var="myNavigator" page="login.html"></ons-navigator>
</ons-sliding-menu>
<ons-template id="s-menu.html">
<ons-page modifier="menu-page" style="background-color: white">
<ons-page modifier="menu-page">
<ons-toolbar modifier="transparent">
<div class="right">
<ons-toolbar-button class="menu-close" ng-click="app.slidingMenu.close()">
</ons-icon>Close
</ons-toolbar-button>
</div>
</ons-toolbar>
<ons-list>
<ons-list-item>
メニュー
</ons-list-item>
<ons-list-item
modifier="tappable" class="list__item__line-height"
onclick="myNavigator.pushPage('a.html', {closeMenu: true})">
ページa
</ons-list-item>
</ons-list>
</ons-page>
</ons-template>