angularjs - refreshing - reload route angular 2

Ui-Router $ state.go() no actualiza los datos

Question

Tengo un estado de Lista de productos y Editar producto / Agregar estado en mi aplicación angular.

Los datos de la Lista de productos se cargan en el controlador (no creo que deba resolverse para definirlos en la configuración de estado) que obtiene datos de un ngResource:

function InventoryListCtrl (myResource) {
  var vm = this;

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

En Edit Controller, después de editar un producto, vuelvo a mostrar el estado de esta manera:

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

No carga la lista con datos nuevos siempre, muestra datos antiguos en la primera ejecución en general, luego de hacer la segunda actualización y volver manualmente al estado de la lista, comienza a actualizarse después de cada actualización.

Lo intenté, pero tampoco funcionó:

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

¿Qué me estoy perdiendo?

Answer 1

Creo que está cargando el nuevo estado antes de que se haya completado la actualización; intente mover la transición de estado a la finalización de la actualización:

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

Answer 2

Creo que esto debería funcionar para actualizar el estado actual.

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

Answer 3

Tuve el mismo problema con una lista que no se actualiza después de la edición. Envolviendo el $ state.go en una función $ timeout resuelto mi problema.

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