如何在角度路线激活时制作正确的锚标签

时间:2015-06-03 10:33:17

标签: javascript angularjs angular-routing

我正在尝试为模板设置一些锚标记,该标记由angular route修改并具有以下网址方案:

main.html#/view/:name

我尝试通过设置target属性来忽略angular的路由:

 <a target="_self" href="#some_anchor">Go to anchor</a>

但是,实际链接现在为main.html#/some_anchor,省略target=_self不会改变任何内容。
然后,我尝试使用

将链接目标更改为实际的当前URL
$location.path() + "/#some_anchor"

也不起作用(无论我是否设置target属性),我仍然会收到“找不到页面”错误。

1 个答案:

答案 0 :(得分:0)

我必须在同样的情况下解决这个问题:

在范围内定义功能:

$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>