本篇文章给大家介绍一下ngroute路径出现#!#解决方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
相关推荐：《angularjs教程》
在做一个开源项目的时候，使用了”angular-route”: “^1.6.4″，发现设置了标签的href后，点击后路径出现的不是#/，而是#!#。然而我并没有设置hashPrefix。
About
登录后复制
点击标签后地址栏中出现：http://localhost:9000/#!#about。
打印一下$location。
发现我们设置的$location中，并没有像预期的那样是显示在伪url的path部分，而是跑到hash部分。
原因是：在route版本>1.6.0的时候，默认的hashPrefix被修改为了‘!’。
相当于以下代码
$locationProvider.hashPrefix('!');
登录后复制
下面提供有两种解决方案：
1、把hashPrefix恢复为1.6以前的版本那样。
$locationProvider.hashPrefix('');
登录后复制
2、改变一下href的格式
About
登录后复制登录后复制
还有一点需要注意的是，一旦引进了ngRoute，那么标签就好像被ngRoute重写默认行为了一样，一旦href以#开头，那么它会在url的hash部分添加一个/，而不是直接将字符串附加到#之后，所以类似就不能够跳转到id=”about”的标签了。我研究了一下，可以写一个指令，然后调用window.location.hash来解决这个问题。
html
About
登录后复制登录后复制
js
define(['app'], function (app) {app.directive('goto', function () {return function ($scope, $elem, $attrs) {$elem.click(function () {//console.log($attrs.goto.substring(1));window.location.hash = $attrs.goto.substring(1);});};});});
登录后复制
备注：上面的define是requireJS定义一个模块。
更多编程相关知识，请访问：编程教学！！
以上就是谈谈ngRoute路径出现#!#问题怎么解决？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2713354.html
