Bogac
Bogac

Reputation: 3685

Ui-Router $state.go() does not refresh data

I have a Product List state and Product Edit/Add state in my Angular app.

Product List data gets loaded in the controller (I didn't think I need resolve to be defined in state config) which gets data from an ngResource:

function InventoryListCtrl (myResource) {
  var vm = this;

  myResource.query(function (data) {
    vm.products = data;
  });
}

On Edit Controller, after I edit a product I get back to list state like this:

vm.product.$update().$promise;
$state.go('productList');

It doesn't load list with new data always, it shows old data in first run generally, then after I do second update and manually get back to list state it starts to refresh after each update.

I've tried this, but didn't work either:

vm.product.$update().$promise;
$state.go('productList', {}, { reload: true });

What am I missing?

Upvotes: 38

Views: 71074

Answers (3)

Adela Ticleanu
Adela Ticleanu

Reputation: 31

I had the same problem with a list not refreshing after edit. Wrapping the $state.go in a $timeout function solved my problem.

$timeout(function(){
    $state.go('publishers.list', {}, { reload: true });
},200);

Upvotes: 3

manish1706
manish1706

Reputation: 1599

i think this should work for current state refresh.

$state.go($state.current, {}, {reload: true}); //second parameter is for $stateParams

Upvotes: 14

Brad Barber
Brad Barber

Reputation: 2963

I think you're loading the new state before the update has completed - try moving the state transition to after the update completion:

vm.product.$update().then(function(){
  $state.go('productList', {}, { reload: true });
});

Upvotes: 81

Related Questions