Umleitung zu einer route nach api-Aufruf in angular2

Muss ich leiten den Benutzer auf eine andere Komponente nach der Verarbeitung (via api) die Daten der Nutzer übermittelt durch die form. Unten ist der code, den ich ausprobiert habe.

In Komponente

onSubmit(model){
  if(model.valid === true) {
    this.SharedService.postFormdata(model).subscribe(
       data  => { console.log(data)},
       error => Observable.throw(error);   
    );
    this.router.navigate(['PublicPage']);
  }
}

Jedoch, nach einem Aufruf abgeschlossen, Ihr nicht umleiten zu PublicPage Komponente. Jede Hilfe bitte. Danke.

InformationsquelleAutor rgk | 2016-12-17
  1. 7
    import { Router } from '@angular/router';

export class HeroesComponent {

  constructor(private router: Router) { }

  onSubmit(modal): void {
    if(model.valid === true) {
      this.SharedService.postFormdata(model).subscribe(
      (data) => { 
        //Page redirect when getting response
        this.router.navigate(['/PublicPage']);
      }, 
      (error) => {
        console.log("err", error);   
      });
    }

  }

}

    Für besseres Verständnis Lesen Sie diese docs: Angular2 routing

    • Vielen Dank. Sorry für die späte Antwort.
    InformationsquelleAutor tushar balar
  2. 3

    Legen Sie zuerst Ihre error außerhalb der data block dann, Wenn Sie umleiten möchten, wenn es Erfolg dann fügen Sie in

    data => { this.router.navigate(['PublicPage']); }

    Oder wenn Sie wollen, rufen Sie jedenfalls, dann verwenden Sie 

    () => {
        this.router.navigate(['PublicPage']);
}

    So versuchen wie hier:

    onSubmit(model) {
    if (model.valid === true) {
        this.SharedService.postFormdata(model).subscribe(
            data => {
                console.log(data);
                this.router.navigate(['PublicPage']); //ON SUCCESS
            },
            error => Observable.throw(error),
            () => {
                    this.router.navigate(['PublicPage']); //ANYHOW WILL CALL
                }
        );
    }
}

    Hoffe, das wird helfen.

    • ha, es ist ein Tippfehler, Fehler ist außerhalb der Daten-block. Ich versuche jetzt.
    • hat es funktioniert?
    InformationsquelleAutor Avnesh Shakya
Schreibe einen Kommentar