如何导航回父组件的空白路径?

时间:2017-10-11 04:23:50

标签: angular angular-router

我有一个名为MeHomeComponent的组件,有几个孩子。到达MeHomeComponent的网址类似于myapp.com/somestuff/me

MeHomeComponent包含以下模板:

<div>

<ul>
  <li><a routerLink="" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Feed</a></li>
  <li><a routerLink="agents" routerLinkActive="active">My Agent Contacts</a></li>
  <li><a routerLink="jobposts" routerLinkActive="active">My Job Posts</a></li>
</ul>

</div>

<router-outlet></router-outlet>

路由如下所示:

const routes: Routes = [
  {
      path: '',
      component: MeHomeComponent,
      children: [
        { path: '', component: MeFeedComponent, pathMatch: 'full' },
        { path: 'agents', component: MeAgentsComponent },
        { path: 'jobposts', component: MePostsComponent },
    ],
  }
];

问题,当我点击 Feed 时,它会将我带到应用程序的主页 - myapp.com!它并没有带我回到myapp.com/somestuff/me。我也试过了routerLink="../",但我得到了相同的结果!

所以我的问题是,我应该向routerLink提供什么才能让我的应用返回到网址myapp.com/something/me

0 个答案:

没有答案