无法使用 href 或 ng-href 转到外部网址

Question

我正在尝试使用动态 URL 将用户带到带有 AngularJS 的外部网站。但是，当点击该链接时，该链接会将用户带到我页面上的路线。

例如，如果我的网址是“mysite.com”，而我的链接是“google.com”。如果我单击此链接，使用href或ng-href，它会将我带到我网站上不存在的路线：“mysite.com/google.com”

如何导航到外部 URL？

我的代码示例：

<a href="{{ linkItem.link }}" target="_blank">View file</a>

而linkItem.link“google.com”。这对于任何网页都无法正常工作，即使对于具有硬编码 href 属性的网页也是如此。

Answer 1

该问题是由于在 URL 中没有前缀的协议（即http://or https://）导致浏览器认为它是相对路径。有两种方法可以修复它：

1. 要求用户在开头http://或https://开头输入有效的 URL 。

2. 创建一个过滤器或指令，如果缺少前缀，则添加该前缀。