如何在一个离子应用程序中创建两个不同的离子菜单？

问题描述

我的应用程序有两种用户类型客户和员工，对于他们中的每一个，我都需要不同的菜单。 如何在 app.component.html 页面中添加一些条件，例如 this.usertype = "Staff" 使用员工菜单，否则使用客户菜单。 我尝试使用不同的 ID，但在这种方法中，第一个菜单似乎消失了。希望你能帮我！提前致谢！

我在 app.component.html 中的当前代码

List

解决方法

对于这种情况，使用 MenuController 示例：

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

@Component({
  selector: 'menu-example',templateUrl: 'menu-example.html',styleUrls: ['./menu-example.css'],})
export class MenuExample {

 constructor(private menu: MenuController) { 

   if(this.usertype = "Staff" ){
    this.menu.enable(true,'Your_Staff_MenuID'); 
   }else{
    this.menu.enable(true,'Your_Other__MenuID'); 
   }
 }   

}