タブからルートページに移動

Question

タブを使用してappComponentで定義されたrootPageに戻る方法を知りたいと思います。 setRootメソッドが期待通りに機能しません。タブページで使用すると、ナビゲーションスタックはクリアされません。 'ホームページ'には、ナビゲーションボタンの代わりに戻るボタンが表示され、タブのタイトルが表示されます。デフォルトでは

それらはナビゲーションスタック（例えば プッシュ（）の射出ページ）に 離れてからまだナビゲートしている場合、ページはDOMにキャッシュされ、残されています。それらは、 ナビゲーションスタック（pop（）またはsetRoot（））から削除すると破棄されます。

上記のステートメントは、setRootを使用するとキャッシュからページが消去されることを期待しています。これは、通常のページでは使用されているが、タブでは使用されていない場合には当てはまります。

タブページのクラスには、ボタンをクリックしたときにルートページをホームに設定する関数があります。

goToHome() { 
this.navCtrl.setRoot(HomePage); 
} 

は、どのように私たちは、ホームページに戻されたときに何の戻るボタンとコンポーネントのHTMLテンプレートで提供されて使用されているホームのタイトルがないことを確認することができます。

Answer 1

ちょうどあなたが各<ion-tab>がちょうど上記のナビゲーションセクションで のように、[root]プロパティに結合することをdocs

お知らせで見ることができるように。これは、それぞれ <ion-tab>が実際にはナビゲーションコントローラにすぎないためです。 これは、各 タブが独自の履歴スタックを有することを意味する、とNavControllerインスタンスがルートとしてページを設定するときに、あなたが使用している

ので、各タブの@Componentsが各タブに固有のものになる子供たちへ を注入しそのタブからのナビゲーションスタックであり、アプリ全体のものではありません。あなたが実行してメインナビゲーションスタックを取得する必要があります理由です：

constructor(private app: App,...) {...} 

そして

yourMethod(): void { 
    this.app.getRootNav().setRoot(YourPage); 
} 

Answer 2

をちょうどそれが私

this.childNavCtrl.setRoot(HomePage);