Wie die call-router-navigate-Methode aus dem Winkel 2?

Verwende ich Winkel 2, SystemJs und ES6 (Nicht Typoskript).

Was will ich? Ich will navigieren Sie zum link mit der Route. Was mache ich

//route for exam simple
export let routes = [
    {path: '', name: 'home', component: HomeComponent, terminal: true}, 
    {path: 'auth', name: 'auth', component: AuthComponent}
]

Funktioniert es auch wenn ich mit [routerLink]. Und jetzt will ich programmatisch router verwenden, wie dies

    import { Component } from '@angular/core';
import { Router, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
    selector: 'tf-main',
    directives: [ROUTER_DIRECTIVES],
    template: '<p>home</p><router-outlet></router-outlet>'
})

export class HomeComponent {

    static get parameters() {
        return [[Router]]
    }

    constructor(router) {
        this.router = router;

        //This wrong way!!!! Help!!!!
        this.router.navigateByUrl(['auth']);
    }
}

InformationsquelleAutor Kirill Muchow | 2016-07-04

  1. 9

    nur 

    this.router.navigate(['auth']);

    oder

    this.router.navigate(['/auth']);

    (damit die root-route auth verwendet wird)

    Das problem ist diese.router hat nicht navigate-Methode
    Was Angular2 version verwenden Sie?
    Ich benutze Eckige 2-version 2.0.0.rc4, router 3.0.0.beta1
    Sorry, keine Ahnung. Winkel.io/docs/js/latest/api/router/index/...

    InformationsquelleAutor Günter Zöchbauer

  2. 2

    Wie über die Verwendung dieser Konstruktor?

    constructor(
private router: Router){}

    dann

    ngOnInit() {
    this.router.navigate(['auth']);
}

    Ich denke, deine Fehlermeldung bedeutet, sollten Sie initialisieren 'router' richtig.

    InformationsquelleAutor ruucm

  3. 1

    Nach mir router.navigateByUrl akzeptiert nur string, nicht array, so dass Ihre syntax sollte wie folgt sein 

    this.router.navigateByUrl('/auth');

    oder, wenn dies Ihr Kind Weg nach Hause th

    this.router.navigateByUrl('/home/auth');

    siehe auch

    InformationsquelleAutor Pardeep Jain

Schreibe einen Kommentar