Angularjs 在OnsenUI中添加侧菜单_Angularjs_Onsen Ui

Angularjs 在OnsenUI中添加侧菜单

angularjs

Angularjs 在OnsenUI中添加侧菜单,angularjs,onsen-ui,Angularjs,Onsen Ui,我试图在我的Onsenui应用程序中添加一个侧菜单，但它没有显示。我正在使用方法，因此不确定如何在下面的部分添加菜单： <body> <ons-sliding-menu var="app.menu" main-page="dashboard.html" menu-page="menu.html" max-slide-distance="200px" type="reveal" side="left"> </ons-sliding-menu> <ons

我试图在我的Onsenui应用程序中添加一个侧菜单，但它没有显示。我正在使用

方法，因此不确定如何在下面的

部分添加菜单：

<body>

<ons-sliding-menu var="app.menu" main-page="dashboard.html" menu-page="menu.html" max-slide-distance="200px" type="reveal" side="left">
</ons-sliding-menu>

<ons-template id="menu.html">
  <ons-page>
   <a href="">test</a>
  </ons-page>
</ons-template>

<ons-navigator var="myNavigator">
    <ons-page ng-controller="LoginController">

        <ons-tabbar position="top">
          <ons-tabbar-item  style="margin-top:20px;border-right:1px solid #ec6d2f" icon="ion-navicon" ng-click="app.menu.toggleMenu()"></ons-tabbar-item>
          <ons-tabbar-item page="dashboard.html"  icon="ion-ios-pulse-strong" active="true"  class="tab-bar__button tab-bar--top-border__button"></ons-tabbar-item>
          <ons-tabbar-item page="timeline.html"  icon="ion-android-calendar"></ons-tabbar-item>
          <ons-tabbar-item page="negative.html"  icon="ion-android-walk"></ons-tabbar-item>
          <ons-tabbar-item page="capture.html"  icon="ion-pinpoint"></ons-tabbar-item> 
        </ons-tabbar>
    </ons-page>
</ons-navigator>
</body>

如果您已经在使用

ons选项卡栏

和

ons滑动菜单

，则无需使用

ons导航器

，因为您可以使用这两个元素执行导航

下面是一个关于如何组合tabbar和滑动菜单的CodePen示例：

代码如下：


第1页
Tabbar+滑动菜单测试
第2页
选项卡栏+滑动菜单测试
页面1.html
页面2.html

希望有帮助

这不起作用，因为我链接到外部页面，上面的页面在中。我的页面是外部的，我尝试不使用导航器，但遇到了另一个问题，我在这里发布了这个问题：如果您的页面是外部的，只需删除

ons模板

并将内容复制到html页面，我看不出问题出在哪里我尝试从这里实现答案：。但我的代码与ng click的唯一区别在于，我使用的代码与ng click的代码不同，我也尝试了您的代码，但出现错误“无法调用未定义的切换菜单的方法…”，因为您尚未在

ons滑动菜单中定义var=“menu”
。当然，ng click没有启动，app.menu
不存在。