AngularJS $rootScope.authenticated resets?

Question

It seems like when I redirect from one page to my mainpage my rootscope resets?

Here is the redirection code after login:

self.authUser = function() {
                LoginService.authUser($scope.inputEmail, $scope.inputPassword, 'inf')
                        .then(function(d) {
                            $rootScope.authenticated = true;
                            $window.location.href = '/job';
                        }, function(errResponse) {
                            $scope.errorLogin = true;
                            $rootScope.authenticated = false;
                        });
            };

Here is the code for the mainpage:

    <script src="<c:url value="/resources/js/application.js"/>"></script>
    <script src="<c:url value="/resources/js/service/main_service.js"/>"></script>
    <script
        src="<c:url value="/resources/js/controller/main_controller.js"/>"></script>
<title>Insert title here</title>
</head>
<body ng-app='application'>
<div class='container' ng-controller='MainController as ctrl'>
    <span ng-show='authenticated'>lllllllllllllllloloooooo</span>
    <button class="btn btn-lg btn-primary btn-block" ng-click='ctrl.authorize()'>Sign
            in</button>
            </div>
</body>

So after a successful login I set the rootScope to true, but then when it does $window.location.href it reset the true and its a false again. Do I need to reauthenticate every page via a post response on load or something?

Edit: ngRoute

application.js

'use strict';

var App = angular.module('application', [ 'ngRoute', 'ngCookies' ]).config(
        [ '$routeProvider', function($routeProvider) {
            $routeProvider.when('/', {
                templateUrl : '/job/',
                controller : 'main_controller'
            }).when('/login', {
                templateUrl : '/job/login',
                controller : 'login_controller'
            }).otherwise({
                redirectTo : '/'
            });
        } ]);

Tried $location.path("/"); $scope.$apply();

and $window.location.assign('/job');

also

$timeout(function () {
                            $location.path("/");
                        });

$location doesn't change page & $window refreshes my rootscope

Are you using html5 or hash based routing? Which routing system are you using? angular-route? ui-router? You are currently reloading the application, which resets the state. You need to use routes correctly to prevent reloading. — datasage
– datasage, Commented Dec 26, 2015 at 5:38

Ya Wang · Accepted Answer · 2017-01-06 13:06:23Z

0

I wasn't actually using rootscope properly and nGroute was actually not being used properly.

answered Jan 6, 2017 at 13:06

Ya Wang

1,8282 gold badges21 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

AngularJS $rootScope.authenticated resets?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related