자식 구성 요소를로드 할 때 경로 변경 angular4

Question

부모 구성 요소 html에는 일정한 요소가 있지만 루트와 함께 자식 구성 요소를 변경해야하므로 하위 구성 요소가 잘로드되지만 경로 변경은 반영되지 않습니다. If 나는 그것이 렌더링됩니다, 주소 표시 줄을 변경하는 직접 경로 경로를 공격하려고하지만 부모 구성 요소 HTML 요소가

`<parent-component> 
    <child1-component></child1-component> 
    <child2-component></child2-component> 
    <child3-component></child3-component> 

    //button for loading of child components which would be consistent 
    throughout in parent component along with child components being loaded 
    <button (click)="func()"></button> 
</parent-component>` 

부모 라우팅 모듈을

부모 구성 요소]를

`const routes: Routes = [ 
{ path: 'parentcomponent', component: parentComponent }, 
{ path: 'child1component', component: child1Component }, 
{ path: 'child2component', component: child2component }, 
{ path: 'child3component', component: child3component }, 
]; 

@NgModule({ 
imports: [RouterModule.forChild(routes)], 
exports: [RouterModule] 
}) 

을 존재하지 않고

그리고 내 기능의 성공적인 실행에 내 자식 구성 요소 은 내가 정상 루트뿐만 아니라 하위 경로하지만

Answer 1

이 교체 작동하지 않는 시도

`this.router.navigate[('pathofdesiredcomponent')]` 

아이 컴퍼넌트을 수행하십시오. router.navigate [('pathofdesiredcomponent')] with this.router.navigate ([ 'pathofdesiredcomponent'])