Angular 6 вспомогательный роутерЛинк не работает - PullRequest
Новая
       16

Angular 6 вспомогательный роутерЛинк не работает

0 голосов
/ 19 октября 2018

Я настроил маршруты и создал вспомогательные выходы маршрутизатора в своем компоненте, но я не могу ни перейти по пути URL, ни связать его через routerLink.

Мой корневой компонент именованного маршрутизатора работает нормально, но остальные не получают доступа.Ниже приведен код для справки, предложения для решений приветствуются.

Любая попытка получить доступ к маршруту ведет на домашнюю страницу приложения.Я даже вручную пытался получить к нему доступ, например: http://localhost:4200/profile/projects(rightpanel:addtask) http://localhost:4200/profile/projects/(rightpanel:addtask) http://localhost:4200/profile/projects/projaddedit/(rightpanel:addtask)

, но ничего не работает, даже в routerlink, как я пытался, вроде, это тоже не помогло: 

<a [routerLink]="[{ outlets: { rightpanel: 'addtask' }}]" class="btn">Link to Add Task</a>
<a [routerLink]="['/profile/projects', { outlets: { rightpanel: 'addtask' }}]" class="btn">Link to Add Task</a>

КОМПОНЕНТ МАРШРУТА: 

<split-area size="40">
    <router-outlet ></router-outlet>
</split-area>

<split-area size="60">
    <a [routerLink]="['/profile/project', {outlets: {rightpanel: 'addmilestone'}}]">Go to Adds Milestone</a>
    <router-outlet name="rightpanel"></router-outlet>
</split-area>

КОНФИГ. МАРШРУТА: 

   const routes: Routes = [
      {
        path: '', component: ProjectsComponent,
        children: [
          {
            path: '',
            loadChildren: './proj-list/proj-list.module#ProjListModule',
          },
          {
            path: 'projaddedit',
            loadChildren: './proj-add-edit/proj-add-edit.module#ProjAddEditModule',
          },
          {
            path: 'subproj',
            component: SubProjComponent,
          },
          {
            path: 'resources',
            component: ResourcesComponent,
          },
          {
            path: '',
            component: AddMilestoneComponent,
            outlet: 'rightpanel'
          },
          {
            path: 'addmilestone',
            component: ProjDetailsComponent,
            outlet: 'rightpanel'
          },
          {
            path: 'addtask',
            component: AddTaskComponent,
            outlet: 'rightpanel'
          }
        ]
      }
    ];
...