Przekierowanie strony indeksu, jeśli użytkownik jest zalogowany AngularJS

Question

Próbuję zmienić stronę, którą widzi użytkownik, gdy wejdzie na moją stronę. Jeśli są anonimowi, powinni zobaczyć stronę rejestru. Jeśli się zalogowali, powinien zobaczyć ich pulpit nawigacyjny.

Mam usługę, która sprawdza, czy użytkownik jest zalogowany (np. Sprawdź pliki cookie), która uruchamia się po załadowaniu usług kątowych. Próbowałem użyć $ routeProvider do przekierowania, ale usługa nie została uruchomiona, gdy inicjalizowano $ routeProvider, więc zawsze myśli, że użytkownik nie jest zalogowany.

Potrafię łatwo przekierować po wstępnej stronie załadowany, ale staram się przekierować załadowaną pierwszą stronę. Czy ktoś może doradzić, jak to zrobić?

Answer 1

Pamiętaj, aby przeczytać komentarz pod odpowiedzią. Kiedy odpowiedziałem na to pytanie, nie myślałem o testach jednostkowych i projektowaniu. Właśnie pokazałem, że to może być jeden z wielu sposobów na osiągnięcie pożądanego rezultatu.

Myślę, że najlepszym sposobem na zrobienie tego pod kontrolerem lub twoim app.config.run. W twoim przypadku powinieneś utworzyć inny moduł, aby sprawdzić status logowania użytkownika. Wsuń moduł sprawdzania statusu logowania użytkownika do modułu aplikacji.

Oto link do próbki następnie kodu app.js

http://plnkr.co/edit/dCdCEgLjLeGf82o1MttS

var login = angular.module('myLoginCheck', []) 
    .factory('$logincheck', function() { 
    return function (userid) { 
     // Perform logical user logging. Check either 
     // by looking at cookies or make a call to server. 
     if (userid > 0) return true; 
     return false; 
    }; 
    }); 

var app = angular.module('myApp', ['myLoginCheck']); 

app.config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
     .when('/publicurl', {}) 
     .when('/loginurl', {}) 
     .when('/unauthorize', {}) 
     .otherwise({redirectTo: '/'}); 
    }) 
    .run(function ($logincheck, $location) { 
    //console.log("Into run mode"); 
    console.log("Userid 5 is logged in: ", $logincheck(5)); 
    console.log("Userid 0 logged in: ", $logincheck(0)); 

    //now redirect to appropriate path based on login status 
    if ($logincheck(0)) { 
     //$location.path('/loginurl'); or   
    } 
    else { 
     //$location.path('/publicurl'); or 
    } 
    }); 

app.controller('MainCtrl', function ($scope) { 
    $scope.name = 'World'; 
}); 

Answer 2

I właśnie to zrobił, dokonując atrapę szablon i mały kontroler/ścieżka, która przekierowuje odpowiednio.

controllers.controller('loginController', 
         ['$scope', '$location', '$cookies', 
         function($scope, $location, $cookies) { 
    if (!!$cookies.user) { 
     console.log("already logged in!"); 
     $location.path('/shows'); 
    } else { 
     console.log("need to login!"); 
     $location.path('/users'); 
    } 
}]); 

var app = angular.module('app', ['ngRoute', 'ngCookies', 'controllers', 'services']); 

app.config(['$routeProvider', 
      function($routeProvider) { 
    $routeProvider.when('/users', { 
     templateUrl: "partial/users.html", 
     controller: 'userController' 
    }); 
    $routeProvider.when('/shows', { 
     templateUrl: "partial/shows.html", 
     controller: 'showController' 
    }); 
    $routeProvider.when('/', { 
     template: '', 
     controller: 'loginController' 
    }); 
    $routeProvider.otherwise({ 
     redirectTo: '/' 
    }); 
}]);