각도 2 라우터 경로

Question

내가, 내가 시간이 그것에 대해 인터넷 검색을 보냈지 만 행운과 함께 한, 각도 2 개 라우터 경로에 관한이 개 질문이 : 모든

{ path: 'contract', component: ContractInsertUpdateComponent, children: [ 
     { path: '' }, 
     { path: ':id', component: ContractInsertUpdateComponent, children:[ 
        { path: 'buyers', component : ContractTabBuyerComponent }, 
        { path: 'seller', component : ContractTabSellerComponent } 
     ]}     
]} 

첫째, 제가 여기서 달성하고자하는 것을 설명해 드리겠습니다. 계약서의 삽입/갱신에 동일한 구성 요소를 사용하고 싶습니다.

1. 난의 궁금 우선 계약의 기본 경로는

   {경로 : ''} 나는 또한

   localhost:4200/contract/2/buyers

   처럼 보일 것이다 많은 어린이 경로와 전체 URL을 가지고있다

경로가 다음과 같은 경우 올바르게 이해하면

localhost:4200/contract

그것은 Atm을하는 ContractInsertUpdateComponent를로드해야합니다. 제 질문은 : 올바른 방법입니까? 또한 가능한 경우 기본 경로로 빈 구성 요소의 사용을 피하고 싶습니다.

는

현재 작동하지 않습니다이 경로 설정의
1. 나머지는, 예를 들어 내가

localhost:4200/contract/2

메신저 점점 오류 같은 것을 입력하면 : 어떤 경로를 일치하지 않을 수 있습니다. URL 세그먼트 : 'contract/2'

제가 이해할 때 ContractInsertUpdateComonent를로드해야합니까?

다른 도움을받을 곳이 어디인지 알 수 없으며 올바른 방향으로 나를 가리켜 줄 필요가 있습니다. 사전에 도움을 주셔서 감사합니다!

Answer 1

`/ 계약/2 일치이 경로

{ path: '' }, 

다음 /contract/2'' (실제로 모든 경로가 않습니다) 로 시작하고이 경로의 하위 경로를 검색하지만 아무도 없기 때문에 실패하기 때문에.다음 라우터가 ''로 시작하는 경로에 대한 만 이''

갱신

{ path: 'contract', component: ContractInsertUpdateComponent, children: [ 
    { path: '', pathMatch:'full', /* I guess you want some `component: ...` or `redirectTo: ...` here }, 
    { path: ':id', children:[ 
     { path: '', pathMatch:'full' }, 
     { path: 'seller', component : ContractTabSellerComponent } 
    ]} 
]}