Ich habe Login- und Logout-Funktionen erstellt Ich habe mich im Side-Menü ausgeloggt. Die Logout-Funktion funktioniert ordnungsgemäß, aber das Problem nach dem Abmelden auf der Seite wird angezeigt. Wie man Seitenmenü nach Abmeldung versteckt und Homepage geht.So blenden Sie das Seitenmenü nach dem Logout in ionic 2
3
A
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();
}
}
Verwandte Themen
- 1. So deaktivieren Sie das Seitenmenü in ionic
- 2. Ionic 3 Refresh Seitenmenü nach dem Login
- 3. Ionic 2 Seite Menü nach dem Login
- 4. Wie erkennt man das Seitenmenü in ionic 2?
- 5. Problem mit dem Seitenmenü in ionic
- 6. Verwenden Sie nav.push mit Seitenmenü in ionic 2
- 7. Dynamisch Elemente zu Ionic 2 Seitenmenü hinzufügen
- 8. WPF- So blenden Sie ein Dropdown-Menü nach dem Klick
- 9. So blenden Sie die Abfragezeichenfolge nach dem Ausfüllen der Seite
- 10. Ionic 2 - Logout Registerkarte im Sidemenu
- 11. So deaktivieren Sie das Streichen über das seitliche Menü in Ionic 2
- 12. So blenden Sie das Dock-Symbol aus
- 13. Ionic - beide Seitenmenü und Registerkarten
- 14. So blenden Sie Menü in Angular 2 ein und aus
- 15. Ionic - Das Seitenmenü NUR in konkreten Seiten anzeigen
- 16. So blenden Sie das Stack-Bedienfeld in wpf ein mvvm
- 17. Ionic 2 - So importieren Sie Intl polyfill
- 18. So blenden Sie eine Schaltfläche mit React
- 19. So blenden Sie den Zeitteil mit dem Bootstrap-Datepicker aus
- 20. Ionic Forward View zwischengespeichert, wenn Seitenmenü vorhanden
- 21. laden Sie die Seite in eckigen js nach dem Logout
- 22. So blenden Sie die Werkzeugleiste nach dem Reduzieren aus, während RecyclerView nach unten scrollt
- 23. So entfernen Sie die Bildlaufleiste für das Seitenmenü
- 24. So blenden Sie das Google Invisible reCAPTCHA-Logo aus
- 25. Ionic2 Ein Seitenmenü für jeden Tab Öffnen Sie das gleiche Seitenmenü
- 26. So blenden Sie eine Spalte in yii
- 27. So blenden Sie gepunktete Linien in QTreeWidget
- 28. So blenden Sie die Fußzeile auf dem Handy aus
- 29. So blenden Sie von unten nach oben ein
- 30. Mit dem Schrittschalt Ionic 2
@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 –
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
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