离 ionic 5 有多近的菜单答案

【问题标题】：How close menu from ionic 5离 ionic 5 有多近的菜单
【发布时间】：2020-08-02 19:14:51
【问题描述】：

我有一个简单的问题，但我找不到解决方案。我在 Ionic 5 中创建了一个新项目，并使用“sidemenu”模板。从文档中我读到 close 方法应该关闭菜单。我在构造函数“public menuCtrl: MenuController”和 ngOnInit:

this.menuCtrl.close();

但没有任何效果。从调试中我看到 menuCtrl 为空.... 有什么想法吗？

【问题讨论】：

标签： menu ionic5

【解决方案1】：

MenuController 在您的顶级 app.component 页面中，而不是在单个页面中，因此您需要在 app.component.ts 中编写代码。

或者，您可以通过将每个菜单项包装在 ion-menu-toggle 中来自动化它，例如：

  <ion-list>
    <ion-menu-toggle auto-hide="true" *ngFor="let page of navigate">
      <ion-item [routerLink]="page.url" routerDirection="forward">
        <ion-icon [name]="page.icon" slot="start"></ion-icon>
        {{ page.title }}
      </ion-item>
    </ion-menu-toggle>
  </ion-list>

【讨论】：

嗨，我在 app.component.ts 中这样做了：~~~lang-js ngOnInit() { this.menuctrl.close(); ... } ~ ~ 在使用 "import {MenuController} from '@ionic/angular';" 在 contrusctor 中导入 "private menuctrl: MenuController" 之后在顶部。但它不起作用