2016-12-06 3 views
2

저는 Angular의 영웅 튜토리얼을 작성했으며 라우팅에 대한 기본적인 지식을 가지고 있습니다. 그러나, 그것은 페이지의 일부 라우트 (iframe과 같은 기능을하는 것)로 보인다.각도 2 라우팅 index.html

기본적으로 index.html을 라우팅하려는 경우 (예 : 전체 페이지를 변경하는 경우) 전체 <a href>을 다른 위치로 보내려면 어떻게해야합니까?

즉, index.html에 <my-app></my-app>이 포함되어있는 경우 다른 구성 요소의 셀렉터를 my-app으로 가질 수 있으며 이벤트가 발생할 때 호출해야합니까?

+1

Angular2는 단일 페이지 응용 프로그램을 만드는 것입니다. 새 페이지로 리디렉션하는 대신 현재 페이지에 표시된 구성 요소를 변경하십시오. –

답변

2

라우팅이 작동하는 방식이 아니며 HTML5 pushState 자체가이를 지원하지 않습니다. index.html과 다른 페이지를로드하면 Angular2 응용 프로그램을 종료하고 완전히 다른 응용 프로그램을로드하게됩니다. 그것은 라우팅에 관한 것이 아닙니다.

Angular2는 응용 프로그램이로드되고 각 사용자 작업 또는 일부 사용자 작업 후에 서버에서 페이지를 다시로드하는 대신 라우팅 및 구성 요소 상태에 따라보기가 업데이트되는 SPA 용입니다.

+0

Ah. 나는 주위를 읽었고 아이 라우팅을 올바르게 할 수 있습니까? 즉, 내 주요 Cars 페이지에서 라우팅을 수행 할 수 있다는 것을 의미합니다. 다른 사람이 다른 형식의 페이지 (예 : Trains)로 이동해야하는 경우 해당 경로로 라우팅합니다. 그러면 자식 경로가있어 기차 전망이 바뀝니다. –

+0

무슨 뜻인지 확실하지 않습니다. Angular2에는 페이지가 없으며 구성 요소가 있으며 현재 경로는 동일한 페이지 내에 머물러있는 동안 화면에 표시되는 구성 요소를 정의합니다. –

+0

라우터 출력 태그에 라우터 링크가 있습니까? 링크를 클릭하면 전체보기/구성 요소가 변경됩니다. 영웅 튜토리얼에서는 탐색 막대가 항상 동일하고 변경되지 않기 때문에 나는 변화하는 웹 페이지를 시뮬레이트하는 방법이 있는지 궁금 할 뿐이다. –