AngularJS是把斜杠(/)哈希标签之后 [英] AngularJS is putting forward slash / after hash tag
问题描述
我想使用AngularJS $ anchorScroll
与 $的location.hash
。但是,当我设置散列,AngularJS增加了一个斜线,/后。
例如,URL为:的http://本地主机:13060 /仪表板
。当我不包括AngularJS库,我可以点击该链接, #contact
,然后转到的http://本地主机:13060 /仪表板#contact
。
但是,当我有AngularJS并点击链接,它进入的http://本地主机:13060 /仪表板#/联系
preventing $ anchorScroll无法正常工作。
修改$ anchorScroll不工作
起始URL是的http://本地主机:13060 /类别
。
当我添加的类别,就应该到的http://本地主机:13060 /分类#/#标识
(其中id是新的ID)和向下滚动页面,以它。网址正确更新,但$ anchorScroll不滚动。
//跳转到新的类别
$ location.path();
$的location.hash(cat.ID);
$ anchorScroll();
除非你使用html5mode,从角路由删除哈希,你将有2哈希,一个棱角分明的路由和其他的锚。
的http://本地主机:13060 /仪表板#/#接触
假设你有一个路由路径设置为 /型材
和锚是该视图中的URL看起来像:
的http://本地主机:13060 /仪表板#/型材#接触
I'm trying to use AngularJS $anchorScroll
with $location.hash
. However, when I set the hash, AngularJS adds a forward slash, / after it.
For example, the url is: http://localhost:13060/Dashboard
. When I don't include the AngularJS library, I can click the link, #contact
, and go to http://localhost:13060/Dashboard#contact
.
But when I include AngularJS and click the link, it goes to http://localhost:13060/Dashboard#/contact
preventing $anchorScroll from working.
Edit $anchorScroll not working
The starting URL is http://localhost:13060/Category
.
When I add a category, it should go to http://localhost:13060/Category#/#id
(where id is the new id) and scroll down the page to it. The URL is correctly updating but $anchorScroll is not scrolling.
//jump to new category
$location.path("");
$location.hash(cat.ID);
$anchorScroll();
Unless you use html5mode, which removes the hash from angular routing, you will have 2 hashes, one for angular routing and other for anchors.
http://localhost:13060/Dashboard#/#contact
Assuming you had a route path set as /profiles
and anchor was in that view the url would look like:
http://localhost:13060/Dashboard#/profiles#contact
这篇关于AngularJS是把斜杠(/)哈希标签之后的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!