Ionic2：サービスでNavControllerを使用することはできません。

Question

私はまだ学習者です。イオニックだけでなく、角度でも。

私はいくつかのページを書いており、ユーザーがすべてのメインページを切り替えることができるすべてのページにフッターを追加したいと考えました。第2ページを書いた後、同じ方法をもう一度使いましたので、これをサービスするのはいいと思っていました。ここで

は私のサービスが今のように見えるものです：

export class Navigation { 
    public navCtrl: NavController; 

    onLoadHome(){ 
    this.navCtrl.push(HomePage); 
    } 
} 

私は今、私は次のエラーを得たHTMLテンプレートでNavigator.onLoadHome（）を呼び出すとき： は、プロパティを読み取ることができませんの「プッシュ」未定義。

私のアプリがサービスを見つけて、その方法を見つけることがわかっています。しかし、私のnavCtrlは未定義です。私は次のようにして別の方法を試みました：

export class Navigation { 
    constructor(private navCtrl: NavController){} 

    onLoadHome(){ 
    this.navCtrl.push(HomePage); 
    } 
} 

私は別のエラーメッセージが表示されます：ナビゲーションのすべてのパラメータを解決できません。

私は本当にこの作業をするために何をすべきか分かりません。あなたが私を助けることを願っています。

（ところで。私はクラスを少し短くしました。しかし、他の方法が唯一の他のページのために、onLoadHomeのように同じことを行う。）

Answer 1

それは、ページ間を移動するための良い方法ではないのですが、私はこれかもしれないを願っていますあなたがサービスを使用するページでは、あなたに

を助け、あなたがナビゲートしたいときにだけ呼び出し、この

public mNavigation: Navigation; 

constructor(public navCtrl: NavController, public navParams: NavParams) { 
    this.mNavigation = new Navigation(navCtrl) 
} 

ようにそれを設定し、次にサービスをインポート奨めthis.mNavigation.onLoadHome();

---

あなたのサービスでNavCtrlの代わりにNavのAppを使用することをお勧めします。それは、この

import { App } from 'ionic-angular'; 

@Injectable() 
export class NavigationProvider { 

    constructor(public app: App) { 
    } 

    onLoadHome(){ 
    this.app.getActiveNav().push(HomePage); 
    } 
} 

のように見える、あなたのページには、この

constructor(public navCtrl: NavController, 
    public mNavigationProvider: NavigationProvider, 
    public navParams: NavParams) { 
    } 

    onNavigate() {  
    this.mNavigationProvider.onLoadHome(); 
    }