загрузка состояния в зависимости от локального хранения маркеров собственности - stateProvider, ионные/угловые JS

Question

У меня есть этот код:

var app = angular.module('myApp', ['ionic']); 
app.config(function($stateProvider) { 
    $stateProvider 
     .state('login', { 
     url: '/', 
     templateUrl: 'login.html', 
     controller: 'loginController' 
     }) 
     .state('home', { 
     url: '/home', 
     templateUrl: 'home.html', 
     controller: 'homeController' 
     }); 
}); 
$urlRouterProvider.otherwise('/'); 

Как я могу добавить условие для состояния поставщика, чтобы проверить, если localstorage.token существует. Если да, вернитесь домой, войдите в систему

Теперь я все время хожу в состоянии входа в систему и там (loginController). Я проверяю, есть ли у меня или нет токен на localstorage. Я не доволен своей версией ... вот почему я хочу ее улучшить

Answer 1

В app.run вы можете добавить свою логику; это будет срабатывать при загрузке страницы и обновлении.

.run(function ($state) { 
    if(localStorage.token) $state.go('home'); 
    else $state.go('login'); 
}) 

Answer 2

Я бы рекомендовал установить домашний маршрут по умолчанию и выполнить перенаправление, если нет токена. Таким образом, это будет ваш маршрут по умолчанию:

$urlRouterProvider.otherwise('/home'); 

И вы будете перенаправлять, если нет токена. Вы можете сделать это, наблюдая за события $ locationChangeStart в вашем ведении блока:

.run(function ($rootScope, $state) { 
    $rootScope.on('$locationChangeStart', function(event, next, current) { 
    // check for the user's token and that we aren't going to the login view 
    if(!localStorage.token && next.templateUrl != 'login.html'){ 
     // go to the login view 
     $state.go('login'); 
    } 
    } 
}) 

Это имеет дополнительное преимущество, ограничивая пользователя в целях авторизации, если они не прошла проверку подлинности.