Redirect user once the login function is called

Question

I am trying to build a login functionality using angular; but I get reference error:

ReferenceError: $state is not defined

I understand $state is not working from inside login function but I am not sure what is the correct procedure to redirect user once login function is called.

My Code:

(function () { 'use strict'; angular .module('app') .controller('authController', authController); authController.$inject = ['$scope','$state']; function authController($scope,$state) { $scope.login = login; $scope.user = {email: '', pass: ''}; }; function login(){ this.dataLoading = true; $state.go("dashboard"); } })();

Just define login() function within authController().

bardzusny
– bardzusny

2015-12-13 17:33:02 +00:00
Commented Dec 13, 2015 at 17:33 — bardzusny
– bardzusny, Commented Dec 13, 2015 at 17:33

Pankaj Parkar · Accepted Answer · 2015-12-13 18:00:40Z

That login function should be inside the controller context to get access the $state dependency which has been inject in controller function.

As you wanted to call login function from html, then its should be placed in controller only.

function authController($scope,$state) { $scope.login = login; $scope.user = {email: '', pass: ''}; function login(){ this.dataLoading = true; $state.go("dashboard"); } $scope.login = login; //to call method from html };

OR

Still you wanted to place that function outside angular context for some technical reason(Ideally it shouldn't) then you could get access to $state service using angular.injector

angular.injector(['app']).get('$state').go("dashboard");

First option is possible but I was hoping to get it done in login function; rather than bringing it back into main controller; the second option is hacky; maybe my logic is incorrect ?
@PankajParkar sorry I noticed the modification right after i send the message; Its working fine now! great job thanks :)

Collectives™ on Stack Overflow

Redirect user once the login function is called

1 Answer 1

10 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Related