Как вы вернетесь к пустому маршруту родительского компонента?

У меня есть компонент, который называется MeHomeComponentс несколькими детьми. URL для достижения 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 чтобы мое приложение вернулось к URL myapp.com/something/me?

0 ответов

Другие вопросы по тегам