Angular 4 个跳过链接
Angular 4 Skip Links
致力于使 angular 项目易于访问。页面有这样一个框架：其中每个元素都是一个组件。
<div>
<topnav> </topnav>
<leftnav> </leftnav>
<subnav> </subnav>
<header> </header>
<router-outlet> </router-outlet>
</div>
我会把 skip link 放在顶部导航中，并且将事件发送到框架很容易，但是我如何引导它默认聚焦路由器出口中的第一个可聚焦元素？我知道我可以使用 view child 并获取对出口的引用，然后通过它访问子节点，但它并不总是相同的节点索引。
谢谢
通常跳到内容 link 会转到容器元素，而不是第一个可聚焦的元素。因为在屏幕阅读器用户想要了解的第一个 link/input/etc 之前可能有文本内容。
为 router-outlet 容器提供一个 id 属性，并使 href 值与 link 的值相同。例如
<a href="#output">
<div id="output">
致力于使 angular 项目易于访问。页面有这样一个框架：其中每个元素都是一个组件。
<div>
<topnav> </topnav>
<leftnav> </leftnav>
<subnav> </subnav>
<header> </header>
<router-outlet> </router-outlet>
</div>
我会把 skip link 放在顶部导航中，并且将事件发送到框架很容易，但是我如何引导它默认聚焦路由器出口中的第一个可聚焦元素？我知道我可以使用 view child 并获取对出口的引用，然后通过它访问子节点，但它并不总是相同的节点索引。
谢谢
通常跳到内容 link 会转到容器元素，而不是第一个可聚焦的元素。因为在屏幕阅读器用户想要了解的第一个 link/input/etc 之前可能有文本内容。
为 router-outlet 容器提供一个 id 属性，并使 href 值与 link 的值相同。例如
<a href="#output">
<div id="output">