Question

I have a list of users displayed in the table and each users has link which is displayed and can be navigated to.

<div class="inline-icon-text">
  <small class="text-muted d-md-none mr-3">Link</small>
  <a [attr.href]="candidate.url" target="_blank" [title]="candidate.url">
    <i class="material-icons">open_in_new</i>
  </a>
</div>

Problem is, when I inspect link element it points to correct address but after clicking on it gets appended to app base url.

<a _ngcontent-c15="" target="_blank" href="www.test.sk" title="www.test.sk">...</a>

And after click it gets opened in the new tab with address localhost:4200/www.test.sk

What do I miss?

Answer 1

根据应用程序的协议，始终在绝对外部链接之前使用协议或30m或//的{{1}}快捷方式。

http://

浏览器默认将URL视为相对URL，以便于应用内导航。

请注意，此行为并非特定于Angular；其他框架和普通站点的行为完全相同

角度6-<a> href gets appended to base url

1 个答案: