Question

我遇到了Ionic Framework的问题。

我的应用的HTML：

<ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-dark">
            <ion-nav-back-button></ion-nav-back-button>

            <ion-nav-title>
                <img src="img/Logo.png" class="logo">
            </ion-nav-title>
            <ion-nav-buttons side="right">
                <button menu-toggle="right" class="button button-icon icon ion-navicon"></button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-footer-bar></ion-footer-bar>
    </ion-side-menu-content>

    <ion-side-menu side="right">
        <ion-header-bar class="bar-stable">
        </ion-header-bar>
        <ion-content>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>

当我运行我的应用程序时，我可以看到左侧的菜单按钮，但我不想要它。如何永久隐藏此按钮？

Answer 1

您在左侧看到哪个菜单按钮？在您的代码中，它已正确设置以显示在右侧。在任何情况下，要隐藏按钮，您都可以将ng-show="false"作为属性添加到<button>元素中。

Answer 2

两种解决方案：

删除<button>标记即<button menu-toggle="right" class="button button-icon icon ion-navicon"></button>会有所帮助。

如果您不想删除<button>：

将ng-show="$root.showMenuIcon"添加到按钮＆amp;在控制器中设置以下代码（例如menuController）：
```
$scope.$on('$ionicView.beforeEnter', function (e) {
   $scope.$root.showMenuIcon = false;
});
```

离子框架 - 隐藏左侧菜单按钮

2 个答案: