无法使用href或ng-href

时间:2016-06-02 20:20:50

标签: html redirect href

我试图建立一个动态网址,将用户带到AngularJS的外部网站。但是,链接会在单击时将用户带到我页面上的路径。

例如,如果我的网址是" mysite.com",我的链接是" google.com"。如果我点击此链接,使用hrefng-href,则会转到我网站上不存在的路线:" mysite.com/google.com"

如何导航到外部网址?

我的代码示例:

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

linkItem.link是&#34; google.com&#34;。这对任何网页都没有预期的效果,即使对于那些具有硬编码href属性的网页也是如此。

1 个答案:

答案 0 :(得分:3)

问题是由于URL中没有协议(即http://https://)。有两种方法可以解决它:

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

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