如果没有href，如何使用tab键导航到锚标签？答案

【问题标题】：How to navigate to anchor tag with tab key if it doesn't have an href?如果没有href，如何使用tab键导航到锚标签？
【发布时间】：2017-03-13 14:50:04
【问题描述】：

我们的应用程序中有一个导航栏，其中有一堆链接到其他页面的按钮，然后是一个有条件的注销/登录按钮。该按钮是<a>，但它只有(click)，没有href 或routerLink。因此，我无法使用它。我添加了routerLink=""，它正在工作，但看起来真的很hacky。有没有我可以添加的类或其他东西使其“可选项”？

这是我添加 routerLink="" 之前的导航栏：

<ul class="nav navbar-nav">
    <li><a routerLink="/dashboard" routerLinkActive="active">Dashboard </a></li>
    <li><a routerLink="/studentaccount" routerLinkActive="active">My Account</a></li>
    <li><a routerLink="" (click)="logout()">Sign Out</a></li>
</ul>

【问题讨论】：

标签： html angular

【解决方案1】：

添加 tabindex="0" 应该可以解决它。例如

<a routerLink="/dashboard" routerLinkActive="active" tabindex="0">

【讨论】：