AngularJS view doesn't change when navigating to link

Question

I'm baffled by the following: I have a simple link like this:

    <li><a href="#/foo">Foos</a></li>

but when clicking on it, the view is not updated. The URL in the browser changes, but nothing happens, and nothing gets displayed in the console. If I load the URL directly in the browser, then the correct page is loaded.

The routes look like this:

app.config(function($routeProvider, RestangularProvider) {
    $routeProvider
        .when('/index', {templateUrl: 'assets/views/index.html'})
        .when('/foos', {templateUrl: 'assets/views/list.html', controller: controllers.FooListCtrl})
        .when('/foos/create', {templateUrl: 'assets/views/update.html', controller: controllers.FooUpdateCtrl})
        .when('/foos/:id/update', {templateUrl: 'assets/views/update.html', controller: controllers.FooUpdateCtrl})
        .otherwise({redirectTo: '/index'});

    RestangularProvider.setBaseUrl("/admin");
});

Any chance you can show some more of your code or even set up a plunkr where issue can be reproduced? — user700284
– user700284, Commented Jul 24, 2013 at 13:55

Manuel Bernhardt · Accepted Answer · 2013-07-24 15:28:03Z

4

Ok, so apparently, this is a known issue of sorts: when the locationProvider (i.e. $location) is injected to one controller, links cease to work globally. One workaround seems to be to rewrite the links via jQuery, and that works:

app.run(function($rootScope) {
    $('[ng-app]').on('click', 'a', function() {
        window.location.href = $(this).attr('href');
    });
});

answered Jul 24, 2013 at 15:28

Manuel Bernhardt

3,1242 gold badges30 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

snumpy · Accepted Answer · 2018-10-05 12:21:20Z

3

I have been able to resolve this issue by adding target="_self" to the link.

<li><a href="#/foo" target="_self">Foos</a></li>

I found this resolution here.

answered Oct 5, 2018 at 12:21

snumpy

2,8786 gold badges28 silver badges40 bronze badges

Collectives™ on Stack Overflow

AngularJS view doesn't change when navigating to link

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related