Отключить отображение ссылок элемента <a>при наведении

Question

Когда я наводю курсор мыши на элемент a любого веб-сайта, я получаю ссылку в левом нижнем углу.Например, когда я перемещаю курсор на логотип Stackoverflow, я получаю URL-адрес Stackoverflow в углу:

Можно ли отключить этот URL-адрес в углу с помощью css/ HTML?Я использую Angular 5 в проекте, поэтому, если есть функция Angular, пожалуйста, дайте мне знать.Спасибо за ответы.

Answer 1

Поскольку речь идет об угле, вы можете просто сделать это вместо:

<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>

Answer 2

Вы можете использовать button с атрибутом routerLink, он не будет отображать URL при наведении курсора.Это может быть записано как:

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

Answer 3

Предварительный просмотр отображается браузером, и вы не можете его контролировать.Единственным решением будет использование другого тега с аналогичным стилем и функциональностью, например:

<span class="link" onclick="window.open('http://website.com','_blank');">Website</span>