私はIonic2を初めて使用しています。現在のメニュー選択に基づいて動的なタブを作成しようとしています。私はちょうどナビゲーションコントローラを使用して現在のページを得ることができますかと思っています。 APIドキュメントからナビゲーションの現在のページを取得する方法2
...
export class TabsPage {
constructor(navParams: NavParams,navCtrl:NavController) {
//here I want to get current page
}
}
...
私はgetActiveChildNav()またはgetActive()は私に、現在のページを与えるだろうと感じたが、私はViewController/Nav上の知識がありません。
ご協力いただければ幸いです。前もって感謝します。
getActiveを使用してアクティブにすることができます。ViewControllerViewControllerにはcomponentがあり、現在のビューのインスタンスです。問題はコンパイル方法です。私はすべての私のページのコンポーネントのためのid:stringのようないくつかのフィールドを設定して解決策を見つけて、それを比較しました。残念ながら単純な関数名なので、getActive().component.nameは縮小後に壊れます。
OMG：現在のページ名を取得する
import { NavController } from 'ionic-angular';
export class Page {
constructor(public navCtrl:NavController) {
}
(...)
getActivePage(): string {
return this.navCtrl.getActive().name;
}
}
方法！これは本当に助けられた仲間、感謝のトン！ @Deivide 私は1ヶ月間立ち往生しています。あなたの答えは私を助けました。 :) ありがとう！
本当になぜこれが私のために働いていないのか分かって欲しい。 – Cozzbie
@ Cozzbie私にとってもうまくいきませんでした。値がコンストラクタでアクセスできないことが判明しました。ページ読み込み後に関数内でのみ実行されます。希望が役立ちます。 –
私のチームは、共有され、ほとんどのページで表示される個別のカスタム共有メニューバーを構築する必要がありました。このメニューの内部から、this.navCtrl.getActive().nameを呼び出すと、前のページ名が返されます。私たちは、このような場合には、現在のページ名を取得することができました使用：
ngAfterViewInit() {
let currentPage = this.app.getActiveNav().getViews()[0].name;
console.log('current page is: ', currentPage);
}
this.navCtrl.getActive().name != TheComponent.name または this.navCtrl.getActive().component !== TheComponent
することも
navCtrl.getActive（可能である）、それは返すので、buggy in certain circumstancesのようです.setRootがちょうど使用された場合、または.popがちょうど使用された場合は間違ったViewControllerですが、navCtrl.getActive（）は.pushが使用された場合に正しいViewControllerを返すようです。
そうのように、代わりに正しいアクティブのViewControllerを取得するためにnavCtrl.getActive（）を使用してのviewDidEnter観察可能で放出されるのViewControllerを使用します。
navCtrl.viewDidEnter.subscribe(item=> {
const viewController = item as ViewController;
const n = viewController.name;
console.log('active page: ' + n);
});
私は知らない、viewDidEnterサブスクリプション内でこれをテストしています
これは、navCtrlが（既にすべてのものを初期化して）私たちがすでに存在するページに移動するのを防ぐのに役立ちました！特にオブザーバーに複数回購読すると、エラーが発生します。 – pdewaard