Search code examples
angularjsangularjs-ng-href

AngularJS ng-href does not go to link


I've checked the docs and the ng-href not working thread on here already but I'm stumped.

Does ng-href require a full path? Mine currently looks like <a ng-title="{{title.text}}" ng-id="{{id.num}}" ng-href="/page.php#param:{{id.num}}"><span>go here</span></a>, but when I click on it, while it changes the URL in the address bar of the browser correctly (and it's a legitimate URL; I can hit "enter" in the address bar and it will "go there"), it does not actually GO TO that page.

What's going wrong? Do I need to combine this with an ng-click of some sort? And if so, why?

UPDATE: The link is going to the same page from which it is being called, but with a different parameter for a different data record display. I think that may have something to do with it ...


Solution

  • Here is how I ended up solving this one:

    Template:

    <a ng-title="{{title.text}}" ng-id="{{id.num}}" ng-click="go_to_item(id.num)">
        <span>{{title.text}}</span>
    </a>
    

    Javascript:

        $scope.go_to_item = function(display) {
            window.location = '/page.php#id:' + display;
            location.reload();
        };
    

    This is working as it should in our app. Why the Angular-specific $location and $window don't work there is a mystery to me, though. I tried those first and they didn't do it, so if anyone can explain why, I'll give you "accept answer" for this question! ;-)