라우팅을 올바르게 설정하고 있는지 확실하지 않습니다. 사용하여 'MemberEditComponent'로 라우팅 할 수없는 것 같습니다.
[routerLink]="['/members/edit']"
내 회원 모듈에 대한 내 앱 라우팅 섹션입니다.
{
path: 'members',
runGuardsAndResolvers: 'always',
canActivate: [AuthGuard],
loadChildren: () =>
import ('./members/members.module')
.then(mod => mod.MembersModule)
},
다음은 내 회원 라우팅 파일입니다. 여기서 회원에 대한 라우팅은 제대로 작동하고 '/ members / 1'에 대한 라우팅은 잘 작동하지만 '/ members / edit'로 라우팅하는 방법을 알 수 없습니다.
나는 둘 다 시도했다
경로 : ': edit',
과
경로 : '/ edit',
과
경로 : '편집',
그리고 아무것도 작동하지 않습니다
const routes: Routes = [{
path: '',
component: MembersComponent
},
{
path: ':id',
component: MemberDetailsComponent,
resolve: {
user: MemberDetailResolver
}
},
{
path: ':edit',
component: MemberEditComponent,
canDeactivate: [PreventUnsavedChangesGuard]
},
];
경로에, 당신은 당신이 액세스하는 경우 기본적으로 같은 정도 읽을 될 수있는이 개 매개 변수를 지정 한 때문이다 /members/edit
당신, 그것은 것 처음 땅을 MemberDetailsComponent
같은 각도 취급 귀하 /edit
는 AS :id
의 매개 변수MemeberDetailsComponent
{
path: ':id',
component: MemberDetailsComponent,
resolve: {
user: MemberDetailResolver
}
},
{
path: ':edit',
component: MemberEditComponent,
canDeactivate: [PreventUnsavedChangesGuard]
},
대신 다음과 같이 구현할 수 있습니다.
{
path: 'edit', // without :, so this will be matched first if the route has /edit in it
// or edit/:id if you are editing something in this component
component: MemberEditComponent,
canDeactivate: [PreventUnsavedChangesGuard]
},
{
path: ':id',
component: MemberDetailsComponent,
resolve: {
user: MemberDetailResolver
}
},
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다