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

Question

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?

question from:https://stackoverflow.com/questions/28431288/ui-router-state-go-does-not-refresh-data

Answer 1

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 });
});