發表於 程式分享

ionic 2 切換不同選單

1.先設定 2 個 ion-menu tag,分別有不同id
且openMenu分別傳送不同值
Ex.
1.PNG

2.ts檔內的openMenu function可接收不同值做判斷
Ex.

import { IonicPage, NavController, MenuController, Platform } from 'ionic-angular';

...

@IonicPage()
@Component({
  selector: 'page-test',
  templateUrl: 'test.html'
})
export class TabsPage {
  constructor(public menuCtrl: MenuController) {
  }

  openMenu(menuId : int) {
    console.log('in openMenu');
    if (menuId == 2) {
        this.menuCtrl.enable(false, 'menu1');
        this.menuCtrl.enable(true, 'menu2');
    } else {
        this.menuCtrl.enable(true, 'menu1');
        this.menuCtrl.enable(false, 'menu2');
    }
    
    this.menuCtrl.open();
  }  
}