How to reload login page after successfully logout in angularJs?

Question

In my project after signing out i redirecting the user to go 'login' state. But if am trying to login again without refreshing the page then login is not happening. It works once i refresh the page. So please help me how to resolve this. Below am sharing the code.

logoutController.js

angular.module("adminsuite").controller("headerController",['AuthenticationService','$state','$rootScope','$cookieStore','$scope',function(AuthenticationService,$state,$rootScope,$cookieStore,$scope){
  $scope.header = $state.current.name;
  $rootScope.global = {
        search: '',
        newsurvey: false
     };
$scope.logout = function(){
                //$scope.dataLoading = true;
                AuthenticationService.ClearCredentials();
                $state.go('login');
                console.log($cookieStore.get('globals'));
                //$state.go('login');
            };
}]);

signout.html

<a ng-click='logout()'><p class="small-font"><img src = "images/signout.png" class="thumbpreImg" alt = "logoutImg"> Log out</p></a>

I am calling the logoutController in the signout.html page

Syam Pillai · Accepted Answer · 2016-08-31 09:42:23Z

4

3 options instead of $state.go('login');

$state.go('login', null, {reload: true});

OR

window.location.replace('/login')

OR

 $state.go('login');
 window.location.reload()

answered Aug 31, 2016 at 9:42

Syam Pillai

5,2352 gold badges30 silver badges43 bronze badges

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

1 Comment

Kishan Over a year ago

I have to write this above code in the logoutController no ??

ojus kulkarni · Accepted Answer · 2016-08-31 09:40:37Z

1

Add reload: true property.

$scope.logout = function(){
    //$scope.dataLoading = true;
    AuthenticationService.ClearCredentials();
    $state.go('login', null, {reload: true});
    };
}]);

answered Aug 31, 2016 at 9:40

ojus kulkarni

1,9073 gold badges27 silver badges42 bronze badges

1 Comment

Kishan Over a year ago

it is not working for me. its getting logout but if i want to login again its not loging in.

Jazib Bashir · Accepted Answer · 2016-08-31 09:43:48Z

0

Use Angular service to Reload your views:

use $route.reload() to reload the current view (route).
use $location.path(newPath) for navigating to other views.

Docs: (For Route) https://docs.angularjs.org/api/ngRoute/service/$route

Docs: (For Location) https://docs.angularjs.org/api/ng/service/$location

answered Aug 31, 2016 at 9:43

Jazib Bashir

5035 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to reload login page after successfully logout in angularJs?

3 Answers 3

1 Comment

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Related