Angular2 rc1路由器按网址导航

Adm*_*vic 1 router angular

当我输入到该组件时,我有url/app的父组件,默认情况下,下面的组件加载了以下路由:

@Routes([
   { path: '/users', component: UserComponent },
   { path: '/other', component: OtherComponent }
])
Run Code Online (Sandbox Code Playgroud)

我正在实现OnInit接口:

ngOnInit() {
    this.router.navigate(['users'], this.currSegment);
}
Run Code Online (Sandbox Code Playgroud)

由于父路由是/ app而child正在实现ngOnInit,我可以导航到用户,但如果我想直接通过url导航到路由/其他,则不可能.

Par*_*ain 6

有两种方法可供选择

  • router.navigate(['.....'])
  • router.navigateByUrl('.....')

如果你打算使用第一个,你可以像这样使用

this.router.navigate(['/users']);
Run Code Online (Sandbox Code Playgroud)

它接受带有路由名称的数组

在第二种情况下,你必须像这样传递字符串作为参数

this.router.navigateByUrl('/app/users');
Run Code Online (Sandbox Code Playgroud)

传递参数

如果你想发送路由参数和路由,你可以像这样使用

this.router.navigateByUrl( '/应用程序/用户/' + ID);

id无论你的数据/密钥在哪里

也可以看看