html - 如果没有 href,如何使用 tab 键导航到 anchor 标记?

标签 html angular

我在我们的应用程序中有一个导航栏,它有一堆链接到其他页面的按钮,然后是一个有条件的注销/登录按钮。那个按钮是 <a> , 但它只有 (click)没有 hrefrouterLink .因此,我不能选择它。我添加了 routerLink=""这是有效的,但看起来真的很老套。是否有我可以添加的类或其他内容以使其“可制表”?

这是我添加 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>

最佳答案

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

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

关于html - 如果没有 href,如何使用 tab 键导航到 anchor 标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42766591/

相关文章:

angular - "async"管道不呈现流更新

javascript - 可能有一行 Div,每个具有不同的左起始位置和宽度以填充相邻的同级?

javascript - AngularJS 有多少种方法可以将数据传递给范围以外的指令?

javascript - 固定定位元素的 100vh 替代方案?

html - 嵌套表行在 IE 中未填充 100%

html - 为什么 Doctype 声明分为两行?

html - 带有半透明黑色背景的白色文本框 - 需要灯箱吗?

angular - 将 `ngModelOptions` 从自定义组件传递到包含的 native 元素

javascript - 如何在输入字段模型属性的 Angular 中制作 getter 和 setter?

angular - 错误 : Can't resolve '@firebase/webchannel-wrapper'