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

塞肯罗德

我正在尝试使用一个动态URL,该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属性的网页也是如此。

亚当0101

问题是由URL中没有前缀协议(即http://https://引起的,该协议使浏览器认为它是相对路径。有两种解决方法:

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在绝对网址中使用ng-href?

来自分类Dev

AngularJS ng-href无法链接

来自分类Dev

无法更改ng-href onClick事件

来自分类Dev

无法使用 BeautifulSoup 检索 href

来自分类Dev

在href中使用ng-model

来自分类Dev

结合使用href和ng-click

来自分类Dev

获取点击的href的网址

来自分类Dev

Thymeleaf href 网址

来自分类Dev

HTML | 使用jQuery设置<a> href网址

来自分类Dev

HREF中的功能无法使用javascript

来自分类Dev

无法使用JQuery更改href值

来自分类Dev

从href获取数据,但无法使用

来自分类Dev

WordPress网站<a href=""> </a>无法与灯箱配合使用

来自分类Dev

无法使用JQuery获取href属性

来自分类Dev

无法使用 Selenium 单击 href 链接

来自分类Dev

无法使用href删除codeigniter中的记录

来自分类Dev

无法使用jquery将新网址加载到href属性

来自分类Dev

'href'属性的网址格式错误:无法使用前导..退出顶层目录

来自分类Dev

href =“#”转到新页面

来自分类Dev

如何防止href链接指向网址栏中的控制器名称并转到href标记中指定的控制器

来自分类Dev

window.location.href 重定向到外部链接的 angular4 单元测试不起作用

来自分类Dev

如何在绝对URL中使用ng-href?

来自分类Dev

使用Javascript onClick事件转到子元素的href

来自分类Dev

使用Javascript onClick事件转到子元素的href

来自分类Dev

Angular href ='/'无法解析

来自分类Dev

href无法正常工作

来自分类Dev

<a href=''>无法正常工作

来自分类Dev

Angular href ='/'无法解析

来自分类Dev

无法 click() href 元素