override angular ui-router for links to page anchors

Question

I have links to anchors on my page (a href="#idea"). ui-router obviously overrides them. Is there a way to use both in harmony? Thank you.

https://gist.github.com/anonymous/2880f2f2c9f91b0b695f#file-gistfile1-txt

Answer 1

Well you aren't supposed to use it on a href this way, instead you should add it like the following:

<a href="" ng-click="gotoAnchor()">...</a>

You can see an example of this at the bottom of the $anchorScroll API here.

Answer 2

If you want to combine ui-router with anchor tag, I solved my problem using this code

<a ui-sref="routename({'#': 'ownerfeatures'})">Link</a>