2017-10-13 243 views
1

致力於使角項目可訪問。頁面有這樣的框架:其中每個元素是一個組件。角4跳過鏈接

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

我會把跳過鏈接在頂部導航,以及發射具有在框架的情況下很容易,但我會怎樣引導其集中在默認情況下,路由器出口的第一聚焦元素?我知道我可以使用view child並獲取對插座的引用,然後通過它訪問子節點,但它並不總是相同的節點索引。

感謝

+0

你想在頁面加載時關注路由器插座組件,如果是的話請嘗試將焦點放在router-outlet組件的OnInit上! – JayDeeEss

+0

我不想把重點放在負載上的路由器插座上。最初的重點應該是頂級導航欄中的第一個元素。跳過鏈接將用於跳過導航並直接轉到路由器插座內的內容。 – bmac

回答

1

通常跳躍到內容鏈接到一個容器元素,不是第一次聚焦元素。因爲在屏幕閱讀器用戶想要了解的第一個鏈接/輸入/之前可能有文本內容。

給路由器插座容器一個id屬性,並使您的鏈接的值爲href相同的值。例如

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