我正在为旅程实体创建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]
},
此应用将包含许多实体,大多数实体将通过关系数据库链接。
答案 0 :(得分:0)
只需使用路由。如果您隐藏列表,则无法从URL转到特定项目。
{
path: 'journey',
children:[
{ path: 'journey-list', component: JourneyListComponent},
{ path: ':id', component: JourneyDetailComponent},
{ path: 'edit/:id', component: JourneyEditComponent}
]
}