如何從Angular 2調用路由器導航方法？

Question

我使用Angular 2，SystemJs和ES6（Not TypeScript）。

我想要什麼？我想導航到與路線的鏈接。我在做什麼

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

如果我使用[routerLink]，效果很好。現在我想以編程方式使用路由器這樣

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']); 
    } 
} 

Answer 1

只是

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

或

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

（確保根路徑使用auth）

Answer 2

據我router.navigateByUrl只接受字符串而不是數組，所以你的語法應該是這樣的

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

，或者如果這是回家後你的孩子的路線日

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

也

• https://angular.io/docs/ts/latest/api/router/index/Router-class.html#!#navigateByUrl-anchor

Answer 3

有關使用此構造方法怎麼看？

constructor(
private router: Router){} 

然後

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

我認爲你的錯誤消息意味着你應該正確初始化 '路由器'。