Ionic-3-Weiterleitung von app.Komponente Klasse zur anderen Seite

Ich bin immer push-Benachrichtigung Nachrichten und sobald ich die Nachricht erhalten, ich soll die Umleitung zu einer anderen Seite oder zeigen Sie eine andere Seite, anstatt der Homepage.

NavController hier nicht funktioniert, so Frage ich mich, was wird?

export class MyApp{

    rootPage:any = HomePage;

    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, public push: Push) {

        platform.ready().then(() => {
            //Okay, so the platform is ready and our plugins are available.
            //Here you can do any higher level native things you might need.
            statusBar.styleDefault();
            splashScreen.hide();
        });


        this.push.rx.notification()
            .subscribe((msg) => {
                alert(msg.title + ': ' + msg.text);
                //I want to redirect to another page with msg object instead of HomePage
            });

    }
}

Weil in der app.Komponente.ts unter MyApp{}, wenn ich erkläre constructor(public navCtrl:nacNavController) dann bekomme ich die folgende Fehlermeldung:

Error: Uncaught (in promise): Error: No provider for NavController!
Error: No provider for NavController!
    at injectionError (main.js:1509)
    at noProviderError (main.js:1547)
    at ReflectiveInjector_._throwOrNull (main.js:3048)
    at ReflectiveInjector_._getByKeyDefault (main.js:3087)
    at ReflectiveInjector_._getByKey (main.js:3019)
    at ReflectiveInjector_.get (main.js:2888)
    at AppModuleInjector.NgModuleInjector.get (main.js:3835)
    at resolveDep (main.js:11202)
    at createClass (main.js:11071)
    at createDirectiveInstance (main.js:10899)
    at injectionError (main.js:1509)
    at noProviderError (main.js:1547)
    at ReflectiveInjector_._throwOrNull (main.js:3048)
    at ReflectiveInjector_._getByKeyDefault (main.js:3087)
    at ReflectiveInjector_._getByKey (main.js:3019)
    at ReflectiveInjector_.get (main.js:2888)
    at AppModuleInjector.NgModuleInjector.get (main.js:3835)
    at resolveDep (main.js:11202)
    at createClass (main.js:11071)
    at createDirectiveInstance (main.js:10899)
    at c (polyfills.js:3)
    at polyfills.js:3
    at polyfills.js:3
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at r.runTask (polyfills.js:3)
    at o (polyfills.js:3)
    at <anonymous>

was meinst du mit NavController hier nicht funktioniert?
Ich meine in der app.Komponente.ts, wenn ich NavController dann bekomme ich die Fehlermeldung Error: Uncaught (bei Versprechen): Fehler: Kein provider für NavController!

InformationsquelleAutor Abdul Rashid | 2017-06-24

Sollten Sie Lesen Sie die Dokumentation...

Navigation von der Root-Komponente

Was ist, wenn Sie wollen, um die navigation zu Steuern von Ihrem root-app-Komponente? Sie können nicht injizieren NavController weil alle Komponenten, Navigations-Controller sind Kinder des root-Komponente, so dass Sie nicht gespritzt werden.

Durch das hinzufügen einer Referenz-variable auf die ion-nav verwenden, können Sie @ViewChild um eine Instanz der Nav Komponente, die eine Navigations-controller (es reicht NavController):

import { Component, ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
   template: '<ion-nav #myNav [root]="rootPage"></ion-nav>'
})
export class MyApp {
   @ViewChild('myNav') nav: NavController
   public rootPage: any = TabsPage;

   //Wait for the components in MyApp's template to be initialized
   //In this case, we are waiting for the Nav with reference variable of "#myNav"
   ngOnInit() {
      //Let's navigate from TabsPage to Page1
      this.nav.push(Page1);
   }
}

So, in Ihrem Fall, Sie brauchen nur zu überprüfen, ob Ihr app.component.html - Datei enthält diese (bitte beachten Sie die #myNav template-Variablen):

<ion-nav #myNav [root]="rootPage"></ion-nav>

Und dann in die Komponente-code:

import { Component, ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';

//...
export class MyApp{
    @ViewChild('myNav') nav: NavController
    rootPage: any = HomePage;

    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, public push: Push) {

        platform.ready().then(() => {
            //Okay, so the platform is ready and our plugins are available.
            //Here you can do any higher level native things you might need.
            statusBar.styleDefault();
            splashScreen.hide();
        });


        this.push.rx.notification()
            .subscribe((msg) => {
                alert(msg.title + ': ' + msg.text);
                this.nav.push(TheOtherPage); //<- use it here! :)
            });

    }
}

Dies sollte akzeptiert werden, als eine Antwort. Sicherlich gelöst für mich. Danke!
Froh zu hören, dass es geholfen @Loke 🙂

InformationsquelleAutor sebaferreras

-1

Ich sehe keinen Grund, warum Sie nicht verwenden können, die NavController etwa so:
```
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Push, PushToken } from '@ionic/cloud-angular';
import { SomeOtherPage } from '...';

export class HomePage {

  constructor(private push: Push
    public navCtrl: NavController) {
        push.register().then((t: PushToken) => {
          return this.push.saveToken(t);
        }).then((t: PushToken) => {
          console.log('Token saved:', t.token);
        });
        this.push.rx.notification().subscribe((msg) => {
          this.navCtrl.push(SomeOtherPage, { msg: msg });
        });
  }
}
```
- Haben Sie gelesen, meine Frage, die ich erwähnt MyApp {} die app.Komponente.ts nicht HomePage{} die Heimat.ts. Im app.Komponente.ts, wenn ich NavController dann bekomme ich die Fehlermeldung Error: Uncaught (bei Versprechen): Fehler: Kein provider für NavController!
- Hey Abdul, haben Sie offensichtlich aktualisiert sich die Frage, seit ich es gelesen habe, weil Sie ursprünglich nur gesagt, dass Sie nicht verwenden können, NavController, das hat keinen Sinn, ich habe Sie nicht angetroffen, Ihr Problem vor, ich werde schauen ein wenig näher dran.
- Warum nicht einfach die push-rx-Abonnement in der Homepage-Komponente statt, und tun das routing von dort?
InformationsquelleAutor Simon L. Brazell

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.