angular - 无法导航到具有在 Angular2 中按名称指定的 redirectTo 的路由

Question

我的 RouteConfig 定义了以下路径

@RouteConfig ([
    { path:'/main',name:'Home',redirectTo: ['Setup']},
    { path:'/setup',name:'Setup',component:SetupComponent},
    { path:'/configuration',name:'Configuration',component:ConfigurationComponent},
])

在我的模板中

    <ol>
        <li><a [routerLink]="['Setup']">Setup</a></li>
        <li><a [routerLink]="['Configuration']">Configuration</a></li>
        <li><a [routerLink]="['Home']">Home</a></li>                
    </ol>

在组件中，在我试过的方法中

this._Router.navigate(['Home']);

在这两种情况下，(使用 routerLink 指令和 Router.navigate 方法)尝试导航到“主页”路线时，我都会收到以下错误。

Component "AppComponent" has no route named "Home"

而具有关联组件的两条路线都按预期工作。从子路由器调用它们时的行为相同。

如何路由/导航到名称“Home”定义的路由？

Answer 1

您不能为重定向路由分配名称。由于 Home 重定向到名为 Setup 的路由，因此我会改用 Setup 名称。