AngularJS. Сохранять состояние после перезагрузки страницы

Question

Я использую UI Router с включенным html5Mode, состояния загружаются из JSON.

Ожидаемое поведение после F5 или при вставке URL-адреса, соответственно, текущее состояние перезагружается или переходит в указанное состояние, вместо этого загружается начальное состояние приложения.

См., Например, root/parent/child перенаправляется в root /.

Кстати, навигатор с ui-sref отлично работает.

Итак, как можно сохранить состояние после перезагрузки страницы?

Answer 1

Кажется немного Hacky, но работает на данный момент.

app.run(['$location', '$state', function ($location, $state) { 
    function stateFromUrl() { 
    var path = $location.path(), 
     hash = $location.hash(); 

    // do JSON states map parsing and find a corresponding to the URL state 

    return state; 
    } 

    if (stateFromUrl) { 
    $state.go(stateFromUrl); 
    } else { 
    $state.go('home'); // initial state 
    } 
}]); 

Answer 2

Пожалуйста, можете ли вы выслать свой код здесь? В частности, $ stateProvider. Это пример правильного $ stateProvider и она отлично работает:

$stateProvider.state('main.admin', { 
    url: '/admin', 
    resolve: {}, 
    views: { 
     'main-content@main': { 
      controller: 'AdminController as admin', 
      templateUrl: 'main/admin/admin.tpl.html' 
     } 
    } 
}); 

Answer 3

Чтобы сохранить состояние страницы после перезагрузки приложения, необходимо указать URL-адрес состояния. когда вы включаете модуль ui-route, url будет разобран и отправлен в соответствующее состояние. В большинстве случаев вам не нужно разбирать URL-адрес вручную, чтобы сделать это.