我正在遵循这样的路由规则。 

{ path: 'index', component: IndexComponent
    , children:
      [ 
        { path: '', redirectTo:'profile',pathMatch:'full'},
        { path: 'profile',  outlet: "inner", component: ProfileComponent },
// some other rules
      ]
}

在这里，我使用的是两个路由器外表，主要的和内部的。 内部存在IndexComponent.html内部插座。 当我在URL上使用http：// localhost：4200 / index时，仅主路由器出口有效，内部不会更新。 我的期望是在内部路由器出口中显示ProfileComponent，或者在主路由器出口中使用IndexComponent将/ index规则重定向到/ index / orders /（inner：profile）。

#1楼 票数：0

尝试这个。 

{ path: '', redirectTo:'/(inner:profile)',pathMatch:'full'}

但是，如果您的根路径为空或使用延迟加载的模块，则可以遵循此PR（ angular / pull / 25483 ）

  ask by mukund patel translate from so

未解决问题？本站智能推荐：

2回复

Angular 命名的路由器插座无法按预期工作

我有一个具有以下路由结构的 angular 项目，从应用程序根开始： 根出口位于AppComponent ，之后ShellComponent包含另一个路由器出口，该出口作为内容传递给SidebarComponent ， SidebarComponent其显示在mat-sidenav-conten
2回复

Angular 6 - 多个路由器插座

我想要一个 Enter-comp。 作为概述，基本上是两个 child-comp。 例如登录和注册comp。 此外，我想用多个路由器插座来管理这个。 但是“当然”它还不起作用。 它让我抛出： Error: Cannot match any routes. URL Segment: ',%20%7Bo
1回复

路由器插座导致页面上升，该如何解决？

当用户单击特定行时，将呼叫路由器出口，并在该行下方显示一个页面。 问题是，当用户单击该行时，页面显示良好，但是母版页上升（滚动顶部）。因此，用户必须向下滚动以查看（路由器出口）子页数据。 如何防止滚动顶部？
1回复

角2传递参数到命名路由器出口？

我正在通过命名的路由器出口向我的ChildComponent发送参数。 但是在子组件中，当我尝试访问参数时，它们是未定义的。 这是route-config文件 这是我的链接： 这是浏览器中的外观： 这是我存放在AppComponent路由器出口： 我正在操
1回复

在角度 4 中使用嵌套的路由器插座

我使用多个路由器出口加载我的组件。 外层的router-outlet用来加载最基本的组件，比如login、home、404。我使用嵌套的router-outlet来加载首页的子组件。 该路由器插座嵌套在 home.component 中。 主页.component.html app.modu
1回复

带有出口的routerLink重定向到404错误页面

我有一个routerLink 4应用程序，但无法设置用于导航的routerLink 。 该请求总是重定向到我的404错误页面。 这是我的代码： 我的NgModule route-config的相关部分： TransactionsIndexComponent模板的相关部分：
2回复

Angular 5：当我在应用程序中有2个路由器插座时，子路由不起作用

我在模块上创建了路由，并将其作为子级导入。 在一个模块中。 在app.routing.ts中 我有这个 现在，当它成功重定向到第一个homecomponent时。 但是当我尝试url localhost / admin / products时。 它给我一个错误
2回复

Angular 2路由器 - 从代码命名路由器出口导航

使用@ angular / router“：”3.4.7“。 这里提出的解决方案不再适用。 /** The ProductComponent depending on the url displays one of two info com