角路徑或子組件

Question

我正在為旅程實體創建CRUD，並已在Angular中創建了兩個組件。

• 名單
• 編輯

該列表從服務獲取所有旅程並顯示它們。 該編輯具有一個表單，該表單將添加新的旅程或在傳遞了旅程ID的情況下編輯旅程。

我有很多實體，並且正在使用帶有url參數的路由來實現此目的：

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

現在，我發現了Sub組件，可以在其中進行從列表到編輯的旅程，然后隱藏列表：

    <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} ] }