Roteador de interface do usuário angular: estados aninhados para diferenciar o logon e o logout do home

Estou iniciando um novo projeto usando o boilerplate MEAN fornecido pelo MEAN.JS (não .IO).
Eu sou novo no ui-router e estou tendo problemas para descobrir como realizar esse cenário:

se o usuário estiver logado, vá para o estado "home.loggedIn".se o usuário estiver desconectado, vá para o estado "home.loggedOut"o URL da rota é "/" e não deve ser alterado.

aqui está como o provedor de rotas se parece atualmente:

angular.module('core').config(['$stateProvider', '$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
    // Redirect to home view when route not found
    $urlRouterProvider.otherwise('/');

    // Home state routing
    $stateProvider.
    state('home', {
      url: '/',
      abstract: true
    }).
    state('home.loggedOut', {
      templateUrl: 'modules/core/views/home.client.view.html'
    }).
    state('home.loggedIn', {
      templateUrl: 'modules/core/views/dashboard.client.view.html'
    });
  }
]);

Estou procurando algo como um gancho de pré-salvamento em termos de banco de dados para determinar em qual estado ir. Como isso seria?

questionAnswers(1)

yourAnswerToTheQuestion