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

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

为您提供

两种解决方案：

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

如果您不想删除<button>：

2. 将ng-show="$root.showMenuIcon"添加到按钮并在控制器(如menuController(中设置以下代码：

   $scope.$on('$ionicView.beforeEnter', function (e) {
      $scope.$root.showMenuIcon = false;
   });