如何重定向到Angular中的外部链接？答案

【问题标题】：How to redirect to external link in Angular?如何重定向到Angular中的外部链接？
【发布时间】：2021-11-10 12:33:27
【问题描述】：

我需要为我的 Facebook 帐户设置外部链接

<a target="_blank" href="{{socialFacebook.url}}">
      <mat-icon class='icons-svg' svgIcon="facebook-icon" ></mat-icon>
</a>

网址：facebook.com/Myuseraccount 但是当我尝试导航到这个 url 时，它会将我重定向到这个：http://localhost:4200/facebook.com/nikita.iliciov.5 与 localhost:4200 在我的 url 前面

我尝试将我的代码设置为像这样 <a target="_blank" href="https://{{socialMedia.url}}">，在 url 前面使用 https，但是当我把我的 Url 放在它看起来像 https://https//www.facebook.com/Myuseraccount 时，带有双倍的 https

我该如何解决？

【问题讨论】：

socialMedia.url 中存储的字符串是什么？

标签： angular routes

【解决方案1】：

尝试使用属性绑定：

<a target="_blank" [href]="socialFacebook.url">
      <mat-icon class='icons-svg' svgIcon="facebook-icon" ></mat-icon>
</a>

并确保您的网址以 https 或 http 开头

socialFacebook.url = https//www.facebook.com/Myuseraccount

【讨论】：

【解决方案2】：

似乎您在 socialFacebook.url 属性的协议之后错过了:。然后将 URL 附加到实际 URL。

如果您正确添加协议，它很可能被视为一个单独的 URL。

【讨论】：