How can I prevent my page from being reloaded when linking to an anchor?

Question

How can I prevent my page from being reloaded when linking to an anchor?

I have a couple of anchors on my page which look like this:

<a ng-href="#1363219200000">03/14/2013<i class="icon-chevron-right"></i></a>

Further down the page I have an anchor like:

<a id="1363219200000" class="tableAnchor" href=""></a>

Now when I click the first link, the page will be reloaded. Then, it will jump to the anchor (thanks to me using $anchorScroll();). However, I really don't see why the page is being reloaded.

I've read about ngHref but the example don't really make any sense to me. No matter which way I try it, the page is always reloaded.

javascript
angularjs

Answer 1

You should utilize the reloadOnSearch property of the route to avoid the reload.

Something like:

    when( "/meetings", {
            templateUrl   : "partials/meetings",
            controller    : MeetingController,
            reloadOnSearch: false
          } ).