Угловой UI маршрутизация параметров свободного URL после обновления страницы

Question

Как сохранить параметры url для состояния после обновления страницы?

У меня есть такое состояние

.state('App.State', { 
     abstract: true, 
     url: '/App/:param', 
     templateUrl: '/page.html', 
     controller: 'pageCtrl', 
     params: { 
      'param': null, 
     }, 

    }) 

я иду в это состояние с помощью этой команды

<a ui-sref="App.State({param: paramName})">{{paramName}}</a> 

Я хожу в состояние, с Params, что я хочу, но когда я обновите страницу (f5) Я потерял параметры, как сохранить их после обновления страницы?

Answer 1

Для сохранения значения необходимо добавить параметры в URL, как это:

url: '/App/:param' 

И удалить свойство Params.

Answer 2

Существует plunker, который приводит к удалению abstract: true из кода:

.state('App', { 
     template: '<div ui-view ></div>', 
}) 
.state('App.State', { 
     //abstract: true, 
     url: '/App/:param', 
     templateUrl: 'page.html', 
     controller: 'pageCtrl', 
     params: { 
     'param': null, 
     }, 
    }) 

И тогда мы можем использовать любой вид URL (даже F5 позже), чтобы добраться до этого состояния

• http://run.plnkr.co/WFREZ72rUUbD4ekc/#/App/SomeParam
• http://run.plnkr.co/WFREZ72rUUbD4ekc/#/App/OtherParam

В случае, если мы хотим сохранить это абстрактное состояние, мы не можем перейти к нему. Нам нужен его ребенок. Существует other plunker

.state('App', { 
     template: '<div ui-view ></div>', 
}) 
.state('App.State', { 
     //abstract: true, 
     url: '/App/:param', 
     templateUrl: 'page.html', 
     controller: 'pageCtrl', 
     params: { 
     'param': null, 
     }, 
}) 
.state('App.State.Child', { 
     url: "/", 
     template: '<h4> App.State.Child </h4>', 
}) 

пользовательский интерфейс-sref не может быть

<a ui-sref="App.State({param: 'xxx'})"> 
    -- not working while abstract 

мы должны идти к ребенку

<a ui-sref="App.State.Child({param: 'yyy'})"> 

И это будет работать тогда

• http://run.plnkr.co/217SWcbOjuv1k3YF/#/App/MyParam/
• http://run.plnkr.co/217SWcbOjuv1k3YF/#/App/MyOtherParam/