как перезагрузить состояние ребенка в угловых JS

Question

<li ui-sref=".overview" 
    ui-sref-active="currentState" 
    ui-sref-opts="{reload:true}">Flavors</li> 

Config:

.state('azure.overview', { 
    url:'/azureOverview', 
    templateUrl :'partials/azure/azureOverview.html', 
    controller : 'azureOverviewCtrl' 
    })   
controller $scope.init() { } 

Я использовал этот фрагмент кода, но мой родительское состояние также перегрузочные, но я хочу только ребенок состояние перезагружать

Answer 1

Eсть a working plunker

Ранее по этому вопросу: in ui-router, how to re-resolve only the most local state?, я создал this plunker

, который показывает, что мы можем использовать params : {}, чтобы определить параметр состояния, который не указан в url .. но может использоваться как «change trigger», заставляя только дочернее состояние перезаряжаться.

Here мы можем видеть эти состояния:

.state('azure', { 
     url: "/azure", 
     templateUrl: 'tpl.azure.html', 
     controller: 'azureOverviewCtrl', 
    }) 
    .state('azure.overview', { 
     url: "/overview", 
     params: { updater : 1, }, 
     templateUrl: 'tpl.overview.html', 
     controller: 'OverCtrl', 
    }) 

Теперь мы можем создать этот перезарядка ссылку, которая просто отправляет инкрементируется номер Updater:

<li ui-sref-active="blue"> 
    <a ui-sref="azure.overview({updater: ($stateParams.updater + 1) })" 
    >Flavors <b>reloading</b></a></li> 

И с этим приращением, мы можем быть уверены, что перезагрузка ссылки - будет перезагрузить это состояние ребенка

Проверить это here

Answer 2

Родное, встроенные функции УИ-маршрутизатора:

при плавании среди детей, форма одного ребенка состояние еще одного ребенка, родители НИКОГДА не перегружается

, если мы не будем явно изменять это встроенное поведение, например с помощью декоратора, как вы сделали, и принудительно перезагрузить с прохождением следующих опций:

{ reload: true} 

Вы также можете найти подобный тип решения в этой должности AngularJS UI Router $state reload child state only

Answer 3

@Lakshmi Вы можете иметь свой ответ здесь:

С 0.2.14 у вас также есть возможность просто перезагрузить текущее состояние, а не родительский.

Таким образом, $state.go(people.search, {}, {reload: true}); перезагрузит состояние people, а также все его дочерние элементы.

В то время как $state.go(people.search, {}, {reload: "people.search"}); не перезагружает состояние people, но перезагрузит people.search и его детей.