2017-06-28 3 views

Antwort

5

können Sie die menuClose directive verwenden:

Die menuClose Richtlinie kann auf einem beliebigen Taste gelegt werden, um ein offenes Menü zu schließen.

<button ion-button menuClose>Close Menu</button> 

oder

<button ion-item menuClose>Close Menu</button> 

, dass das Menü machen würde geschlossen werden, wenn Sie die Logout-Option von der Seite wählen:

kann eine einfache menuClose Schaltfläche mit dem folgenden Markup hinzugefügt werden Speisekarte.


Wenn Sie mehr Kontrolle über das Menü haben, können Sie die MenuController verwenden und es verwenden, um das Menü programmatisch aus dem Komponentencode, zu schließen.

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

@Component({...}) 
export class MyPage { 

constructor(public menuCtrl: MenuController) { 

} 

openMenu() { 
    this.menuCtrl.open(); 
} 

closeMenu() { 
    this.menuCtrl.close(); 
} 

toggleMenu() { 
    this.menuCtrl.toggle(); 
} 

} 
+0

@sabaferreras in ionischen 1, wenn wir abzumelden und Homepage gehen sie nicht automatisch zeigen sidemenu verbergen, wie wir können gleiche in ionischen 2, da nach Ihrer Lösung, die wir Taste, es zu benutzen haben –

+0

Sie das injizieren können ' MenuController "und benutze es, um es zu verstecken, wie ich es dir im letzten Teil der Antwort zeige, und indem du es so machst, dass du keinen Knopf brauchst, kannst du' this.menuCtrl.close(); 'innerhalb von Die Logout-Methode – sebaferreras

+0

Und die 'menuClose'-Direktive funktioniert auch mit' ion-item', die als Schaltflächen fungieren, so wie Sie sie in dem Screenshot in der Frage verwenden. – sebaferreras

Verwandte Themen