AngularJS - Redirect after login not working

Question

After a user successfully logs in i would like the page to redirect to the homepage. My code currently looks like:

function MainCtrl(user, auth) {
  var self = this;

  function handleRequest(res) {
    var token = res.data ? res.data.token : null;
    if(token) { $location.path('/'); }
    self.message = res.data.message;
  }

  self.login = function() {
    user.login(self.username, self.password)
      .then(handleRequest, handleRequest)
  }

}

Why does the line $location.path('/'); not work, is that where i should actually have the redirect?

And the route config part:

.config(function($routeProvider){
  $routeProvider.when("/",
    {
      templateUrl: "views/home.html"
    }
  )
  .when("/login",
    {
      templateUrl: "views/login.html"
    }
  )
  .when("/register",
    {
      templateUrl: "views/register.html"
    }
  );
})

Thanks.

Please provide your route config part – Anik Islam Abhi Jan 10 '16 at 10:03 — Anik Islam Abhi, Jan 10 '16 at 10:03
which page you want to open after login? home isn't it? – varun aaruru Jan 10 '16 at 10:33 — varun aaruru, Jan 10 '16 at 10:33

score 1 · Accepted Answer · answered Jan 10 '16 at 10:35

1

You forget to inject $location in your controller

Try like this

function MainCtrl(user, auth,$location) {

answered Jan 10 '16 at 10:35

Anik Islam Abhi

25,137
8
58
80

AngularJS - Redirect after login not working

1 Answers1