Угловые маршруты или субкомпоненты

Question

Я создаю CRUD для организации путешествий и создал два компонента в Angular.

• Список
• редактировать

Список получает все поездки из службы и отображает их. Редактирование имеет форму, которая добавляет новое путешествие или редактирует путешествие, если ему передан идентификатор поездки.

У меня много сущностей, и я использую маршрутизацию с параметрами URL для достижения этой цели:

     <a mat-button [routerLink]="['/journey-edit', journey.id]">{{journey.name}}</a>

Теперь я обнаружил субкомпоненты, где я могу пройти путь от списка до редактирования, а затем просто скрыть список:

    <app-journey-view *ngIf="currentJourney" [journey]="currentJourney"></app-journey-view>

Теперь я застрял. Какой путь я продолжу?

• Нужна ли вообще маршрутизация
• можно ли смешивать маршрутизацию с подкомпонентами

• Аутентификация на моем маршруте. Будет ли это работать с подкомпонентами:

   {
   path: 'journey-list',
   component: JourneyListComponent,
   canActivate: [AuthGuardService]
   },
  

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

Answer 1

Просто используйте маршрутизацию. Если вы скрываете список, вы не можете получить доступ к конкретному элементу из URL.

{ 
  path: 'journey',
  children:[
    { path: 'journey-list', component: JourneyListComponent},
    { path: ':id', component: JourneyDetailComponent},
    { path: 'edit/:id', component: JourneyEditComponent}
  ]
}