路由器的Alpha路由器导航

Question

我正在迁移到新路由器。以前，我有：

this._router.navigate(['Main', 'Home']);

我的路线配置是;

Main (parent View)
---Home (child View)

现在，我有以下内容：

{path: 'Main',  component: MainComponent, children:[
    {path: 'Home', component: HomeComponent, children:[..]
    ....]

但是，现在以下内容不起作用：

this._router.navigate(['Main', 'Home']);

它不会抛出错误或任何东西。我错过了什么？

Answer 1

新路由器中的导航应该像这样工作：

this._router.navigate(['/Main/Home']);

Answer 2

如果家庭组件没有任何孩子或家庭儿童路线之一的任何默认路线设置，则

@rinukkusu回答是正确的。

由于您还有家庭组件的孩子，您必须确保以下事项，

1）您已导入 ROUTER_DIRECTIVES 并将其用作 directives 元数据。

2）主页组件的模板中包含 <router-outlet> 。

3）您已经在家中的一条路线中定义了 default route ，那么其他 this._router.navigate(['/Main/Home']); 就行不通了

4）如果家里的孩子没有在任何地方定义默认路线，那么你必须使用，

<强> this._router.navigate(['/Main/Home/someChildPath']);

我希望这会有所帮助。