无法使用 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:// 或https://）导致浏览器认为它是相对路径。有两种方法可以解决它：

1. 要求用户输入以http://或https://开头的有效网址。

2. 创建一个过滤器或指令，在缺少前缀时添加它。