Question

我正在尝试创建一个具有左右侧面菜单的离子应用程序，但我发现侧面菜单图标（以及向左或向右滑动以打开它们的能力）在我尝试时消失导航。我显然做错了什么，但我看不出它是什么。

请看这里...... http://plnkr.co/NpqmVT ...对于说明问题的plunker。要复制该错误，只需单击“单击以查看详细信息”按钮。

我的主要用户界面（我猜这是我做错了什么）看起来像这样......

            <ion-side-menu-content>
                    <ion-nav-bar class="bar-positive">

                            <ion-nav-buttons side="left">
                                    <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
                                    </button>
                            </ion-nav-buttons>

                            <ion-nav-buttons side="right">
                                    <button class="button button-icon button-clear ion-navicon" menu-toggle="right">
                                    </button>

                            </ion-nav-buttons>
                    </ion-nav-bar>

                    <ion-nav-view name="centre-panel"></ion-nav-view>

            </ion-side-menu-content> 

            <ion-side-menu side="left">
                    <ion-header-bar class="bar-dark">
                            <h1 class="title">Main Menu</h1>
                    </ion-header-bar>
                    <ion-content>
                            <ion-list>
                                    <ion-item ui-sref="ui.page1" nav-clear menu-close >Page 1</ion-item>
                                    <ion-item ui-sref="ui.page2" nav-clear menu-close >Page 2</ion-item>
                            </ion-list>
                    </ion-content>
            </ion-side-menu>

            <ion-side-menu side="right">
                    <ion-header-bar class="bar-dark">
                            <h1 class="title">Right Menu</h1>
                    </ion-header-bar>
                    <ion-nav-view name="right-panel"></ion-nav-view>
            </ion-side-menu>

    </ion-side-menus>

所有路线等都可以在plunkr（http://plnkr.co/NpqmVT）

中找到

感谢您提供的任何帮助。

Answer 1

刚遇到同样的问题并找到了解决方案 - 将此指令添加到离子侧菜单中：
<ion-side-menus enable-menu-with-back-views="true">

离子框架：左右侧边框在导航时消失

1 个答案: