javascript - 如何在 ionic 框架中制作嵌套侧菜单?

标签 javascript angularjs ionic-framework ionic-view

您好,我正在尝试在侧面菜单中添加嵌套菜单。

例如,请检查以下内容:

http://codepen.io/ionic/pen/QwamEW

当我单击菜单项时,将打开新页面(新表单)。

但我想在侧边菜单中打开该页面...而不是在新页面中!

这是一个旧示例,不适用于新版本。

`http://codepen.io/mhartington/pen/mFGfj`

有人可以帮我做到这一点吗?

最佳答案

有例子in this Codepen与 Ionic nightlys 一起使用。向左滑动屏幕即可显示菜单。

它可以使用 <ion-pane> 来工作里面<ion-side-menus> :

<ion-side-menus>
    <!-- Center content -->
    <ion-pane ion-side-menu-content>
        <header class="bar bar-header bar-dark">
            <button class="button button-icon" ng-click="toggleCategories()">
                <i class="icon ion-navicon"></i>
            </button>
            <h1 class="title">Nested categories</h1>
        </header>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-pane>
</ion-side-menus>

我认为您可以轻松地根据您的特定需求进行调整。

关于javascript - 如何在 ionic 框架中制作嵌套侧菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34693465/

相关文章:

javascript - 正则表达式打破单词而不是匹配整个单词

javascript - 如何在不同的 JavaScript/Parse 对象之间共享方法?

javascript - d3 中的放大镜

android - 在 cordova/ionic 中创建本地通知以响应推送通知(来自 firebase)

javascript - ionic,如何在谷歌地图上显示正确的信息窗口?

javascript - webpack 和 terser 在缩小的输出中泄漏源文件名

angularjs - $resource中的delete和remove方法有什么区别?

正则表达式输入掩码的 Angular ?

c# - 如何将 AngularJS 与 ASP.NET MVC 一起使用?

mysql - 有关移动应用中的 Firebase 和 MySQL 的问题