Угловой 6 - ленивая загрузка вспомогательного вопроса

Question

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

ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: не может соответствовать ни один маршрут.Сегмент URL: «lazy / aux1» Ошибка: не удается сопоставить ни один маршрут.Сегмент URL: 'lazy / aux1' в ApplyRedirects.noMatchError (https://lazy -load-auxilary-b7vpg-e2ax7j.stackblitz.io / turbo_modules / @ angular / router @ 6.1.7 / bundles / router.umd.js: 1455: 20 ) в CatchSubscriber.eval [как селектор] (https://lazy -load-auxilary-b7vpg-e2ax7j.stackblitz.io / turbo_modules / @ angular / router @ 6.1.7 / bundles / router.umd.js: 1436: 33 ) на CatchSubscriber.error (https://lazy-load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/operators/catchError.js: 48: 31 ) на MapSubscriber.Subscriber._error (https://lazy-load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/Subcriber.js: 96: 26 ) на MapSubscriber.Subscriber.error (https://lazy-load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/Subscriber.js: 74: 18 ) на MapSubscriber.Subscriber._error (https://lazy-load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/Subscriber.js: 96: 26 )на MapSubscriber.Subscriber.error (https://lazy-load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/Subscriber.js:74:18) в MapSubscriber.Subscriber._error (https://lazy -load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/Subscriber.js:96:26) в MapSubscriber.Subscriber.error (https://lazy -load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/Subscriber.js:74:18) в TapSubscriber._error (https://lazy -load-auxilary-b7vpg-e2ax7j.stackblitz.io/turbo_modules/rxjs@6.3.2/internal/operators/tap.js: 75: 26 )

Пожалуйста, найдите образец ссылки и шаги воспроизведения ниже:

1. Перейти к образцу ссылки https://stackblitz.com/edit/lazy-load-auxilary-b7vpg-e2ax7j
2. Щелкните ссылку ленивого маршрута
3. Затем щелкните любой из вспомогательных маршрутов

Можнокто-нибудь помочь мне решить эту проблему?

Answer 1

Вам нужно внести некоторые изменения. Вам не нужно называть свою точку и указывать имя точки в маршрутизации.

const routes = [
  {
    path: '', component: LazyComponent,
    children: [
      {
        path: 'aux1', component: Aux1Component
      },
      {
        path: 'aux2', component: Aux2Component
      },
      {
        path: 'aux3', component: Aux3Component
      }
    ]
  }
];

<a [routerLink]="['/']">
    back
</a>
&nbsp;
<a routerLink="aux1">
    aux1 route
</a>
&nbsp;

<a [routerLink]="['aux2']">
    aux2 route
</a>
&nbsp;

<a [routerLink]="['aux3']">
    aux3 route
</a>

<router-outlet></router-outlet>

Тогда вы можете использовать <a routerLink="aux1"> или <a [routerLink]="['aux1']">

см. Обновление stackblitz