$ state.reload（）移动到父级的$状态

Question

I'm implementing some kind of dynamic workflow and when I reach a certain point I must reload my state to render the HTML and reinstantiate the controller in order to continue.

What I've found is that the second time that I call $state.reload() is not working. Is this the desired behavior? What can I do to force this reload?

if(advanceComplexAction()) {
  console.log(self.$state); //This is always been printed in console
  self.$state.reload();
}
else {
  closeActionWizard();
}

I'm checking my console and the console.log is always printed but my statement self.$state.reload() only runs correctly the first time that I call it.

EDIT:

I noticed that my url change when I do the first reload and is changing to the parent URL. That must be the problem because the third time it only reload the parentState. I don't know how to solve this

First time that is working correctly my url is:

http://localhost:1234/app/parentstate/childstate

After using reload and everything worked it moves to the parent state.

http://localhost:1234/app/parentstate

So when I do reload again it only reloads the parent view. I'm defining my routes as follow.

.config(function($stateProvider, modalStateProvider){
  $stateProvider

.state('app.parentstate',
  modalStateProvider.create({
    animation: true,
    name: 'app.parentsate',
    url: 'apps/parentstate',
    controllerAs: 'parentCtrl',
    controller: 'ParentCtrl',
    windowClass: 'semi-modal semi-modal--XXL',
    templateUrl: function() {
      return 'app/ui/apps/parent/parent.html';
    },
    resolve: {
      //Some resolve function
      }]
    }
  })
)
.state('app.parentstate.childstate',
  modalStateProvider.create({
    animation: true,
    name: 'app.parentstate.childstate',
    url: '/childstate',
    controllerAs: 'childWizardCtrl',
    controller: 'ChildWizardCtrl',
    windowClass: 'semi-modal semi-modal--XL',
    templateUrl: function(){
      return 'app/ui/apps/child/child.html';
    }
  })
)

Thank you

Answer 1

也许你会尝试类似的东西

$state.transitionTo('current_state', null, {'reload':true});

Answer 2

I get it !

$state.reload(); 

is an alias for

$state.transitionTo($state.current, $stateParams, { reload: true, inherit: false, notify: true }); 

"reload:true" refresh the parent state ! so you need to avoid using "$state.reload"

Try instead

window.location.reload(true)

Answer 3

I Solved it! The problem was with my implementation of modalState. I have an OnEnter function that moves to my parent state automatically if my state is the same or if I close it.

        modalInstance.result
      .then(function(result) {
        $log.debug('Modal result', result);
      }, function(rejection) {
        $log.debug('Modal dismissed at: ' + new Date() + ' because ' + rejection);
      })
      .finally(function() {
        modalInstance = null;
        if ($state.$current.name === options.name) {
          $state.go('^', $stateParams, { reload: options.reload }); //Here we are moving to parent state
        }
      });

Changing this fixed my problem. Thanks for your responses