转到Angular中同一网页内的链接

时间:2015-04-26 11:52:53

标签: html angularjs hyperlink

我刚刚开始角度,并且能够通过网址显示主页:http://localhost:8002/app/#/home

现在,我想使用名称标签,使用以下命令转到同一页面中的“常见问题解答”部分: <a href="#faq">FAQ</a><section id="faq"> 但是,这不起作用。有人可以在这里指导我吗?

2 个答案:

答案 0 :(得分:1)

您还可以使用$ anchorScroll(更好的解决方案)。您可以查看示例和更多详细信息here。我不测试ng-href,但我认为这是不好的解决方案。

答案 1 :(得分:0)

你应该在href属性#/ faq中写一个斜杠。

和另一个问题是使用ng-href,如角文档(https://docs.angularjs.org/api/ng/directive/ngHref)中所述:

  

如果用户在Angular有机会用{{hash}}标记替换其值之前单击它,则在href属性中使用{{hash}}之类的Angular标记会使链接转到错误的URL。在Angular替换标记之前,链接将被破坏,并且很可能会返回404错误。 ngHref指令解决了这个问题。