Published: 23 Feb 2018 › Updated: 23 Feb 2018
使用Angular Js后超链接<a>不工作问题
问题的发现
在用SteemConnect V2进行开发的时候,发现了一个问题:使用Angular JS后,超链接标签 <a href='location'>click</a>不起作用。表现为:单击后浏览器地址改变,但不会进行跳转。
开始并没有关注此问题,认为只是速度问题,但后来发现几乎所有页面都有这个问题。
原因
使用Angular Js配置了$locationProvider to html5Mode(下文代码第3行),如我在sc2-cookie中使用形式:
angular.module('app', ['ipCookie'])
.config(['$locationProvider', function($locationProvider){
$locationProvider.html5Mode(true);
}]);
此时就会出现上述问题。
解决方案一(欠完美方案)
在标签中添加 target="_self" 来保证跳转。
为什么说是欠完美方案,如果只有一个页面中用了Angular Js还好说,随手就加上了,但如果全站使用,那么工作量就很大了。而且有时a标签是自动生成的,还要到程序里面找,非常不方便。
解决方案二(完美方案)
angular.module('app', ['ipCookie'])
.config(['$locationProvider', function ($locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: true,
rewriteLinks: false
});
}]);
问题解决。
参考:javascript - AngularJS tag links not working - Stack Overflow
Leave 使用Angular Js后超链接<a>不工作问题 to:
Read more #cn posts
Best Posts From Riley Ge
We have not curated any of rileyge's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.
More Posts From Riley Ge
- 阴谋论:第三次世界大战或已打响
- 从中统钞的失败谈稳定币的经营
- 能写、想写、会写--程序员的三大境界
- 国内的抄袭环境及给大家推荐一款插件
- 你到底爱谁,你要爱自己胜过爱别人:Steemit上一偶遇
- 币乎上打拼总结:心累
- 吐槽一下小媳妇的日常:吐槽大会
- 张雨生-大海 by @rileyge|第十二期华语好声音
- 小区内不愉快的经历
- “币乎”两日行,浮躁两日行
- 元宵节不忘Team Building, 不忘宣传中国文化
- 奇葩咏泰山:吐槽大会+新人三个一
- 生命在于折腾,效率在于莫折腾
- 讨论:普京对俄罗斯的意义 | Discussion: the significance of Putin to Russia
- ubuntu中一个非常有用的search命令:apt-cache search
- 吐槽大会:吐槽一下学校和房子
- 免费在线矢量logo设计😄😎😭
- Ubuntu+Apache服务器开启rewrite功能
- 使用Angular Js后超链接<a>不工作问题
- github落后了吗?要挨打了吗?