Html 如何启用/禁用左侧/右侧菜单：

我的页面中有左右两侧的菜单。我的应用程序有英语/阿拉伯语翻译。当使用英语时，面板应位于左侧，对于阿拉伯语，面板应位于右侧

因此，我计划在我的页面中使用这两个菜单，并根据语言启用/禁用左/右面板菜单

我的菜单页面将类似于以下内容：

<ion-side-menus>
  <!-- Left menu -->
  <ion-side-menu side="left" is-enabled={{enableLeftMenu}}>
  </ion-side-menu>

  <ion-side-menu-content>
  <!-- Main content, usually <ion-nav-view> -->
  </ion-side-menu-content>

  <!-- Right menu -->
  <ion-side-menu side="right" is-enabled={{!enableLeftMenu}}>
  </ion-side-menu>

</ion-side-menus>

所以我尝试使用

“已启用”

属性。

---

但问题是，当我从控制器更改

已启用属性的值时，该属性在视图中不会受到影响。
我在Codepen上找到了这个可能对您有帮助的示例：


提供的例子


左菜单


右菜单
一些内容
您需要将
$ionicSideMenuDelegate
注入控制器中，然后使用其上的
toggleLeft（）
或
toggleRight（）
功能，具体取决于要切换的菜单

如另一个答案所述，您可以使用
drag content=“true”
启用/禁用拖动，或者在JS中使用
canDragContent（false）
启用/禁用它：）

希望有帮助
 如果要禁用拖动，可以向指令添加属性，或在控制器中使用$ionicSideMenuDelegate：

勾选选项a）此处：

我们不能通过显示/隐藏来实现您的要求吗？虽然这个答案有帮助，但我需要禁用拖动，以便使用它来工作。您所说的“禁用拖动”是什么意思？除了单击菜单图标之外，我可以滑动页面以查看面板菜单。因此，如果启用了刷卡，则用户可以看到两个面板。
<ion-side-menu side="left">
  <ion-header-bar class="bar-assertive">
    <h1 class="title">Left Menu</h1>
  </ion-header-bar>
  <ion-content>
    <ul class="list">
      <!-- Note each link has the 'menu-close' attribute so the menu auto closes when clicking on one of these links -->
      <a href="#/event/check-in" class="item" menu-close>Check-in</a>
      <a href="#/event/attendees" class="item" menu-close>Attendees</a>
    </ul>
  </ion-content>
</ion-side-menu>

<ion-side-menu side="right">
  <ion-header-bar class="bar-assertive">
    <h1 class="title">Right Menu</h1>
  </ion-header-bar>
  <ion-content>
   Some content
  </ion-content>
</ion-side-menu>

</ion-side-menus>

<ion-side-menu-content
  drag-content="false">
</ion-side-menu-content>

$ionicSideMenuDelegate.canDragContent(false);