Ionic 4 添加菜单答案

【问题标题】：Ionic 4 adding a menuIonic 4 添加菜单
【发布时间】：2021-08-31 04:19:48
【问题描述】：

所以我是离子和角度的新手，我正在尝试向我的项目添加离子菜单，我已经成功添加它并且它也在工作。但我想知道的是，我可以在其他文件中添加菜单代码吗？除了 app.component.html 吗？就像这里我有我的主页，我还有一个页面是菜单页面。我想在这个“menu.component.html”页面而不是“app.component.html”页面上添加菜单代码。

【问题讨论】：

您可以制作一个组件并在其他文件中使用它。但是首先为什么要将它添加到其他文件中？
实际上，如果我将该菜单代码放在 app.component.ts 中，如文档中所示，它将可用于所有页面，包括登录和注册页面，没有人肯定会想要。我希望该菜单仅在有人登录时出现在主页上。
为此您可以使用菜单控制器。 ionicframework.com/docs/api/menu

标签： javascript angular ionic-framework ionic4

【解决方案1】：

在您可以使用的任何页面上启用或禁用菜单：Menu Controller

登录页面示例：

import { MenuController } from '@ionic/angular';

export class LoginPage{

constructor(private menu: MenuController) { }
   ionViewWillEnter(){
     this.disbaleMenu()
   }
  
  disbaleMenu() {
    this.menu.enable(false);       
  }    
}

【讨论】：