[英]How to make proper anchor tags when angular route is active
我正在尝试为模板设置一些锚标记,该模板会通过angular route
进行修改,并具有以下url方案:
main.html#/view/:name
我试图通过设置target
属性来忽略angular的路由:
<a target="_self" href="#some_anchor">Go to anchor</a>
但是,实际的链接现在是main.html#/some_anchor
,而省略target=_self
不会改变任何内容。
然后,我尝试使用以下方法将链接目标更改为实际的当前网址
$location.path() + "/#some_anchor"
哪一个都不起作用(无论是否设置target
属性),我仍然会收到“找不到页面”错误。
我必须在相同的情况下进行此变通方法:
在范围内定义功能:
$scope.scrollTo = function (id) {
var old = $location.hash();
$location.hash(id);
$anchorScroll();
$location.hash(old);
};
并这样称呼:
<a href="" data-ng-click="scrollTo('anchor')">Scroll to anchor</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.