禁用显示<a> element on hover

Question

When I hover over on any website's a element, I get a link in left bottom corner. For example, when I move cursor on Stackoverflow's logo I get Stackoverflow's URL in corner:

的链接

是否可以使用css / html在角落中禁用此URL？我在项目中使用Angular 5，所以如果有Angular功能，请告诉我。谢谢你的回答。

Answer 1

预览由浏览器呈现，您无法控制它。唯一的解决方案是使用具有类似样式和功能的另一个标签，例如：

IMatch

Answer 2

您可以将button与属性routerLink一起使用，它不会在悬停时显示该网址。它可以写成：

<button [routerLink]="['/register']">Sign Up</button>

Answer 3

由于它是关于角度的，你可以这样做：

<button (click)="routeToOtherPage()">Link</button>

与

routeToOtherPage() {
  this.router.navigate(["/other-page"]);
}

您也可以编写自己的指令来内联这个内容，类似于：

@Directive({
  selector: "[clickRouterLink]"
})
export class ClickRouterLinkDirective {
  @Input()
  private clickRouterLink: any | any[];

  @HostListener("click")
  public handleLinkClicked() {
    // Crude check for whether an array has been provided.
    // You might want to make this better (or even compare with the implementation of routerLink).
    const route = this.clickRouterLink && typeof this.clickRouterLink.length === "number"
      ? this.clickRouterLink
      : [this.clickRouterLink];

    this.router.navigate(route);
  }

  constructor(private router: Router) {}
}

然后

<button clickRouterLink="events">Link</button>
<button [clickRouterLink]="['events', event.id]">Link</button>