角路径或子组件

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