角度路线激活时如何制作适当的锚标签

Question

I'm trying to set up some anchor tags for a template, which gets modified by angular route and has the following url scheme:

main.html#/view/:name

I tried to ignore angular's routing by setting the target attribute:

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

however, the actual link now is main.html#/some_anchor , and omitting target=_self doesn't change anything.
I then tried to change the links target to the actual current url with

$location.path() + "/#some_anchor"

which doesn't work either (no matter if I set target attribute or not), I still get a "Page not found" error.

Answer 1

I have to make this workaround in the same situation:

Define function in scope:

$scope.scrollTo = function (id) {
    var old = $location.hash();
    $location.hash(id);
    $anchorScroll();
    $location.hash(old);
};

And call it this way:

<a href="" data-ng-click="scrollTo('anchor')">Scroll to anchor</a>