how can I make a redirection with Angular.js?

Question

I want to make a redirection to another route and the page have to be refreshed and treated server side, so the $location.path(url) can't help me. I have tried window.location(url) but I have this error: window.location is not a function

My app.js:

    'use strict';
var app = angular.module('myApp', []).
  config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider.when('/', {
        templateUrl: 'partials/index'});
    $routeProvider.when('/logout', {
        controller: 'logoutCtrl'});
    $routeProvider.otherwise({
        redirectTo: '/'});
    $locationProvider.html5Mode(true);
  }]);

my logoutCtrl:

function logoutCtrl($scope, $location){
    $apply(function() { 
        $location.path("/users/logout"); 
    });
}

The partials/index contains this link:

a(href='/logout') Logout

Now I'm going to show how I manage my routes server side with Express.js:

app.get('/', ctrl.index);
app.get('/partials/:name', ctrl.partials);
app.get('/users/logout', ctrl.logout);

exports.logout = function(req, res)
{
  console.log('logout');
  req.session.destroy(function(err){ // I destroy my session
   res.redirect('/'); // redirection to '/'
  });
}

Now when I click on "logout" nothing happen, I'm just seeing this route localhost:3000/logout in my bar but if I type localhost:3000/users/logout I have the result expected (session destroyed and redirection to '/' )

Community · Accepted Answer · 2017-05-23 11:50:30Z

4

With an example of the not working code will be easy to answer this question, but with this > information the best that I can think is that you are calling the $location.path outside of > the angularjs digest.

Try doing this on the directive scope.$apply(function() {$location.path("/route");});"

-Renan Tomal Fernandes

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Apr 24, 2013 at 23:01

Benjamin RD

12.1k16 gold badges96 silver badges166 bronze badges

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

2 Comments

elghazal-a Over a year ago

It doesn't work for me. I'm going to add my code to my previous post :)

m.e.conroy Over a year ago

its $scope.$apply or scope.$apply

Kugel · Accepted Answer · 2013-07-29 04:39:03Z

0

Just go with:

window.location.assign(url);

Alternatively:

window.location.replace(url);

which doesn't save the current page in browser session history.

answered Jul 29, 2013 at 4:39

Kugel

20k16 gold badges76 silver badges106 bronze badges

2 Comments

Mohammad Umair Khan Over a year ago

This question has been asked in the context of AngularJS. It is never recommended to use non angular services in Angular e.g. $window is the Angular service. There are a number of reasons for that which might be irrelevant here.

Kugel Over a year ago

Thanks for the lecture. Replace window with $window and the answer still works.

Collectives™ on Stack Overflow

how can I make a redirection with Angular.js?

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related