[英]How to open sidemenu after entering a page?
我正在使用Google Firestore構建Ionic4應用,並且我已經登錄了。 我要的是在我登錄到應用程序時打開的菜單。
類似於:登錄> PageX> *打開Sidemenu。 我怎樣才能做到這一點?
這是應用程序頁面,它定義菜單內容
<ion-app>
<ion-menu>
<ion-header>
<ion-toolbar color="primary">
<ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item *ngIf="auth.usuario$ | async; then authenticated else guest">
</ion-item>
<ng-template #guest>
<p text-center>Entre Utilizando Suas Credenciais</p>
</ng-template>
<ng-template #authenticated>
<ion-menu-toggle auto-hide="false" *ngFor="let p of appPages">
<ion-item [routerDirection]="'root'" [routerLink]="[p.url]">
<ion-icon slot="start" [name]="p.icon"></ion-icon>
<ion-label>
{{p.title}}
</ion-label>
</ion-item>
</ion-menu-toggle>
<div text-center *ngIf="auth.usuario$ | async as usuario">
<ion-button color="secondary" (click)="auth.deslogar()">Logout</ion-button>
</div>
</ng-template>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>
</ion-app>
從Ionic側面菜單文檔中,可以看到有一個.open()
方法可用。
說明:打開菜單。 如果菜單已經打開或無法打開,則返回false。
簽名: open(動畫?:布爾值)=> Promise
的溶液以具有默認打開側菜單認證用戶之后是使用.open()
方法在元件ngOnInit()
方法。
例如,在身份驗證后加載的組件中:
ngOnInit(){
this.menu.open();
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.