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

{ 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