<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() { } I have used this snippet but my parent state also reloading but i want only child state to reload
@Lakshmi You may have your answer here:
As of 0.2.14 you also have an option to just reload the current state and not it's parent.
So $state.go(people.search, {}, {reload: true}); would reload the people state as well as all its childs.
While $state.go(people.search, {}, {reload: "people.search"}); would not reload the people state but would reload people.search and its childs.
There is a working plunker
Previously, for this question: in ui-router, how to re-resolve only the most local state?, I created this plunker
which shows, that we can use params : {} to define state parameter which is not in the url.. but could be used as "change trigger", forcing just a child state to reload.
Here we can see these states:
.state('azure', { url: "/azure", templateUrl: 'tpl.azure.html', controller: 'azureOverviewCtrl', }) .state('azure.overview', { url: "/overview", params: { updater : 1, }, templateUrl: 'tpl.overview.html', controller: 'OverCtrl', }) Now, we can create this reload link, which simply sends incremented updater number:
<li ui-sref-active="blue"> <a ui-sref="azure.overview({updater: ($stateParams.updater + 1) })" >Flavors <b>reloading</b></a></li> And with this incrementation, we can be sure, that reload link - will reload this child state
Check it here
The native, built-in functionality of ui-router is:
when navigating among children, form one child state to another child, parent is NEVER reloaded
unless we will explicitly change that built in behaviour, e.g. via decorator as you did and force the reload with passing these options:
{ reload: true} You can also find similar type of solution in this post AngularJS UI Router $state reload child state only
