簡體   English   中英

進入頁面后如何打開側菜單?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM