2017-05-15 3 views
0

저는 Angular2를 처음 사용했습니다. Angular2에서 깊은 연결을 수행하는 방법이 있습니까? http://may-app.com/projects/1/files/2과 같은 내용입니까?Angular2의 깊은 연결

이 코드

onClick(project){ 
    this.router.navigate(['/projects', project.id ]); 
} 

감사와 Angular2에서 제공하는 라우팅 및 라우팅 매개 변수 http://my-app.com/projects/1 할 수 있습니다!

+0

읽을 것을 권장합니다. 그렇습니다, 당신은 깊은 연결을 할 수 있습니다, 그냥 라우터를 사용하십시오. 이해가 안되는 라우팅이란 무엇입니까? 지금까지 뭐 해봤 어? – Duncan

+0

위 코드를 붙여 넣으면 http : // localhost : 4200/projects/1로 이동합니다. 내가 원했던 것은 http : // localhost : 4200/projects/1/files/1로 이동하는 것이다. 파일 데이터는 프로젝트 데이터 배열에도 포함됩니다. –

+0

이것은 부모 - 자식 라우트 관계를 설정 한 경우에만 가능합니다. 즉,'/ file'은 부모이고'/ 1'은 그 뷰의 자식입니다. 내 지식에 의하면 당신은 할 수 없습니다. – Nirus

답변

2

라우터 하위 항목을 추가하면됩니다.

{ path: 'product/:id', component: ProductDetails, 
    children: [   
     { path: 'file/:fileid', component: Overview } 

    ] 
    } 

는 딥 링크에 대한 자세한 내용을 읽으려면 내가 정말 전혀 분명 당신이 요구하는지되지 않습니다

https://angular-2-training-book.rangle.io/handout/routing/child_routes.html

+0

굉장합니다. 그것은 작동합니다! 고맙습니다 –