角路或子部件

Question

我正在为一个旅程实体创建CRUD，并在角度上创建了两个组件。

• 列表
• 编辑

列表获取服务中的所有行程并显示它们。编辑有一个表单，如果它传递了一个旅程id，它将添加一个新的旅程或者编辑一个旅程。

我有很多实体，并且使用带有url参数的路由来实现这一点：

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

我现在已经发现了Sub组件，在那里我可以从列表传递一个旅程到编辑，然后隐藏列表：

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

现在我被困住了。我往哪个方向走？

• 我需要路由吗？
• 我能把路由和子组件混合起来吗？
• 身份验证在我的路线上。这是否适用于子组件： {路径：“旅程列表”，组件: JourneyListComponent，canActivate: AuthGuardService }，

这个应用程序将有许多实体，大多数实体将通过关系数据库链接。

Answer 1

只需使用路由。如果隐藏列表，则无法从url访问特定项。

​

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

​