web-dev-qa-db-ja.com

Ionic 4 Angularルートではなく前のページに戻るボタン？

私は少しIonic 2つのタブと1つの詳細ページを含む4つのアプリケーションを持っています。ここで直面している問題は、Tab2から詳細ページに移動し、そこからion-back-button戻る常に、以前のTab2ではなくTab1にリダイレクトされます。

これが私の例です：

Tab2 Html：ここに、クリックイベントを持つ単純なイオン項目があります。

        <ion-item class="chat-item" (click)='openChat()' >

次のように機能するopenChat関数を呼び出します。

          openChat() {
            this.router.navigateByUrl('/chatdetail/:uid');
          }

これで、次のように戻るために戻るボタンを配置したチャット詳細ページが開きます。

    <ion-header>
      <ion-toolbar>
          <ion-buttons slot="start">
              <ion-back-button></ion-back-button>
           </ion-buttons>
        <ion-title>chatdetail</ion-title>
      </ion-toolbar>
    </ion-header>

しかし、このボタンをクリックすると、Ionic3のようにページが「ポップ」されるだけでなく、アプリのルートページであるTab1に移動します。

以前のページに移動するためにそのバックイベントを上書きする方法はありますか？

angularroutingback-buttonionic4
6
Lukas R.

次のようにナビゲートする必要があります

<ion-item class="chat-item" [routerLink]="[/chatdetail, 123]" routerDirection="forward">

routerDirection="forward"タブページにdetailPageをスタックすると、右側のタブページに戻ります

：}

1
Mohammad Ayoub Khan

nav-controlを使用して、次のように戻ることができます

コンストラクターにpublic navCtrl：NavControllerを追加します

back(){
  let animations:AnimationOptions={
    animated: true,
    animationDirection: "back"
  }
  this.navCtrl.back(animations)
}
0
Satish Varre