Html RouterLink在屏幕(下方)上显示超链接I don';我不想在页面上显示超链接

Html RouterLink在屏幕(下方)上显示超链接I don';我不想在页面上显示超链接,html,angular,bootstrap-4,angular-routerlink,Html,Angular,Bootstrap 4,Angular Routerlink,仪表板我可以删除超链接吗? 当我使用时 仪表板 它就像我想要的那样工作 但我想添加RouterLink选项,它显示按钮错误! 我的目标是在将鼠标悬停在link上时从screeen中删除超链接在component.css文件中,添加以下css类 .anchor-style { text-decoration: none !important; cursor: default !important; } 在component.html文件中,将锚样式类添加到锚html元素中 <a cla

仪表板我可以删除超链接吗?

当我使用时

仪表板

它就像我想要的那样工作

但我想添加RouterLink选项,它显示按钮错误!
我的目标是在将鼠标悬停在link上时从screeen中删除超链接

在component.css文件中,添加以下css类

.anchor-style {
 text-decoration: none !important;
 cursor: default !important;
}
在component.html文件中,将
锚样式
类添加到锚html元素中

<a class="anchor-style" routerLink="/dashboard">Dashboard</a>
仪表板 如果这不符合您的查询,您可以尝试以下操作:

  • 将RouterLink活动应用于RouterLink的祖先

    
    仪表板
    家
    

  • 如果url为'/dashboard'或'/home',这将在div标记上设置活动链接样式类

  • 您可以在单击事件上调用函数。依次导航到所需的屏幕。 在component.html文件中,
    仪表板
    在component.ts文件中,
    navigateToDashboard(){this.router.navigate(['/dashboard'])}

  • 如果我理解正确,CSS技巧将是
    文本装饰:none
    。在这种情况下,下面的示例将适用于您,我还希望routerLink不要将我带到仪表板页面!光标不工作光标:默认值是不删除超链接我只想隐藏我的超链接一切正常我做了我无法理解你的问题。您的意思是在单击HTML div元素时,它不应该将您路由到“/dashboard”??