Question

我正在使用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>

Answer 1

从Ionic Side-Menu Documentation中可以看出有一种.open()方法可用。

说明：打开菜单。如果菜单已经打开或无法打开   打开，返回false。

签名：打开（动画？：布尔值）=>承诺

一种在验证用户身份后默认打开侧菜单的解决方案是在组件.open()方法中使用ngOnInit()方法。

例如，在身份验证后加载的组件中：

ngOnInit(){
 this.menu.open();
}

进入页面后如何打开侧菜单？

1 个答案: