Угловой 6 Материал Закладка Навигация со вспомогательным маршрутом - PullRequest
0 голосов
/ 23 сентября 2019

У меня настроено два маршрутизатора, один загружается из-за лени и используется для доступа к под-маршрутам для родительского маршрута.Цель здесь состоит в том, чтобы иметь несколько высокоуровневых маршрутов, которые по сути являются совершенно не связанными страницами, а некоторые из этих страниц имеют собственную подпрограмму, в которой для навигации используются вкладки.

Дочерние маршруты:

const dashboardRoutes = [
    {path: '', redirectTo: 'dashboard', pathMatch: 'full'},
    {path: 'dashboard', component: DashboardContainerComponent, children:[
       {path: 'home', component: DashboardComponent, outlet: 'dashboard'},
    ]
];

@NgModule({
  imports: [
    RouterModule.forChild(dashboardRoutes)
  ],
  exports: [RouterModule]
})
export class DashboardRoutingModule { }

Родительские маршруты:

const routes: Routes = [
    {path: '', redirectTo: 'dashboard', pathMatch: 'full'},
    {path: 'dashboard', loadChildren: '../dashboard/dashboard.module#DashboardModule'}
]

  @NgModule({
    imports :[
      RouterModule.forRoot(routes, {useHash: true})
    ],
    exports: [
      RouterModule
    ]
  })
export class RoutingModuleModule { }

Это прекрасно работает, когда я набираю путь в адресную строку: http://localhost:4200/#/dashboard/dashboard/(dashboard:home)

Однако, когда я пытаюсь использовать навигацию по вкладке материала, я получаю:Error: Cannot match any routes. URL Segment: 'dashboard/dashboard/%28dashboard:home%29'

В моем Компоненте у меня есть:

navlinks = [
    {path: '(dashboard:home)', label: 'Home'}
]

html:

<nav mat-tab-nav-bar mat-align-tabs="center">
    <a mat-tab-link
    *ngFor="let link of navlinks"
    [routerLink]="link.path"
    routerLinkActive #rla="routerLinkActive"
    [routerLinkActiveOptions]="{exact: true}"
    [active]="rla.isActive">
    {{link.label}}
</a>
</nav>

<router-outlet name="dashboard"></router-outlet>

Похоже, что это действительно правильно, что в некоторыхукажите, что скобки, вероятно, заменяются.

Я пробовал несколько вариантов, таких как отсутствие скобок, косая черта и т. д., но ни один из них не дал желаемого результата.

Есть ли у кого-нибудь какие-либо предложения относительно значения вмой список ссылок должен выглядеть?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...