2017-10-13 9 views
1

각도 프로젝트에 액세스 할 수 있습니다. 페이지에는 다음과 같은 프레임이 있습니다. 각 요소는 구성 요소입니다.각도 4 건너 뛰기 링크

<div> 
<topnav> </topnav> 
<leftnav> </leftnav> 
<subnav> </subnav> 
<header> </header> 
<router-outlet> </router-outlet> 
</div> 

나는 상단 탐색 메뉴에서 건너 뛰기 링크를 넣어 프레임에 방출되는 이벤트를 갖는 것은 간단하지만 어떻게 기본적으로 라우터 콘센트에서 처음으로 포커스 요소를 집중도록 지시 할 것인가? 뷰 자식을 사용하여 콘센트에 대한 참조를 가져온 다음이를 통해 자식 노드에 액세스 할 수 있지만 항상 동일한 노드 인덱스가되는 것은 아닙니다.

감사

+0

페이지로드시 라우터 아웃렛 구성 요소에 집중하고 싶다면 라우터 출력 구성 요소의 OnInit! – JayDeeEss

+0

로드시 라우터 콘센트에 집중하고 싶지 않습니다. 초기 포커스는 상단 탐색에있는 첫 번째 요소 여야합니다. 건너 뛰기 링크는 네비게이션을 건너 뛰고 라우터 콘센트의 컨텐츠로 바로 이동하는 데 사용됩니다. – bmac

답변

1

는 보통 생략 - 투 - 컨텐츠 링크는 컨테이너 요소가 아닌 최초의 포커스 요소로 이동합니다. 왜냐하면 첫 번째 링크/입력/앞에는 텍스트 내용이 있기 때문에 스크린 리더 사용자는 그 사실을 알고 싶어 할 것입니다.

라우터 출력 콘센트에 id 특성을 지정하고 href 링크 값을 동일한 값으로 지정하십시오. 예 :

<a href="#output"> 
<div id="output">