初めまして、よろしくお願い致します。
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})">
            &nbsp; ページa
        </ons-list-item>

    </ons-list>
</ons-page>
</ons-template>