¿Cómo recargar el estado actual?

Estoy usando Angular UI Router y me gustaría volver a cargar el estado actual y actualizar todos los datos / volver a ejecutar los controladores para el estado actual y su padre.

Tengo 3 niveles de estado: directorio.organizaciones.detalles

directory.organisations contiene una tabla con una lista de organizaciones. Al hacer clic en un elemento de la tabla, se cargan los directorios.organisations.details con $ StateParams que pasa la ID del elemento. Entonces, en el estado de detalles, cargo los detalles de este elemento, los edito y luego guardo los datos. Todo bien hasta ahora.

Ahora necesito volver a cargar este estado y actualizar todos los datos.

Yo he tratado:

 $state.transitionTo('directory.organisations');

Supongo que el estado pasa al estado principal pero no recarga el controlador porque la ruta no ha cambiado. Idealmente, solo quiero permanecer en el estado del directorio.organisations.details y actualizar todos los datos en el padre también.

También he intentado:

$state.reload()

He visto esto en la API WIKI para $ state.reload "(error con la reinstalación de los controladores en este momento, corrección pronto)".

¿Cualquier ayuda sería apreciada?

Encontré que esta es la forma de trabajo más corta para actualizar con ui-router:

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

Actualización para versiones más nuevas:

$state.reload();

Cuál es un alias para:

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

Documentación: https://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state#methods_reload

Esta solución funciona en AngularJS V.1.2.2:

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

Esa sería la solución final. (inspirado en la publicación de @ Hollan_Risley)

'use strict';

angular.module('app')

.config(function($provide) {
    $provide.decorator('$state', function($delegate, $stateParams) {
        $delegate.forceReload = function() {
            return $delegate.go($delegate.current, $stateParams, {
                reload: true,
                inherit: false,
                notify: true
            });
        };
        return $delegate;
    });
});

Ahora, cada vez que necesite recargar, simplemente llame:

$state.forceReload();

para marco iónico

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

$stateProvider.
  state('home', {
    url: '/',
    cache: false, //required

https://github.com/angular-ui/ui-router/issues/582

Probablemente el enfoque más limpio sería el siguiente:

<a data-ui-sref="directory.organisations.details" data-ui-sref-opts="{reload: true}">Details State</a>

Podemos recargar el estado solo desde el HTML.

La respuesta de @Holland Risley ahora está disponible como api en el último enrutador ui.

$state.reload();

Un método que fuerza la recarga del estado actual. Todos los resuelve se resuelven, los controladores se vuelven a establecer y los eventos se vuelven a disparar.

http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state

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

$scope.reloadstat = function () { $state.go($state.current, {}, {reload: true}); };

si quiere volver a cargar toda su página, como parece, simplemente inyecte $ window en su controlador y luego llame

$window.location.href = '/';

pero si solo desea volver a cargar su vista actual, inyecte $ scope, $ state y $ stateParams (este último en caso de que necesite cambiar algunos parámetros en esta próxima recarga, algo así como su número de página), entonces llame a esto dentro de cualquier método de controlador:

$stateParams.page = 1;
$state.reload();

AngularJS v1.3.15 angular-ui-router v0.2.15

Solución tonta que siempre funciona.

$state.go("otherState").then(function(){
     $state.go("wantedState")
});

Para angular v1.2.26, ninguno de los anteriores funciona. Se deberá hacer clic dos veces en un ng-click que llame a los métodos anteriores para que el estado se vuelva a cargar.

Así que terminé emulando 2 clics usando $ timeout.

$provide.decorator('$state',
        ["$delegate", "$stateParams", '$timeout', function ($delegate, $stateParams, $timeout) {
            $delegate.forceReload = function () {
                var reload = function () {
                    $delegate.transitionTo($delegate.current, angular.copy($stateParams), {
                        reload: true,
                        inherit: true,
                        notify: true
                    })
                };
                reload();
                $timeout(reload, 100);
            };
            return $delegate;
        }]);

Todo me falló. Lo único que funcionó ... es agregar cache-view = "false" en la vista que quiero recargar cuando vaya a ella.

de este número https://github.com/angular-ui/ui-router/issues/582

No estoy seguro de por qué ninguno de estos parecía funcionar para mí; el que finalmente lo hizo fue:

$state.reload($state.current.name);

Esto fue con Angular 1.4.0

Tenía varias vistas anidadas y el objetivo era volver a cargar solo una con contenido. Intenté diferentes enfoques, pero lo único que funcionó para mí es:

//to reload
$stateParams.reload = !$stateParams.reload; //flip value of reload param
$state.go($state.current, $stateParams);

//state config
$stateProvider
  .state('app.dashboard', {
    url: '/',
    templateUrl: 'app/components/dashboard/dashboard.tmpl.html',
    controller: 'DashboardController',
    controllerAs: 'vm',
    params: {reload: false} //add reload param to a view you want to reload
  });

En este caso, solo se volvería a cargar la vista necesaria y el almacenamiento en caché seguiría funcionando.

Sé que ha habido un montón de respuestas, pero la mejor forma en que he encontrado para hacer esto sin causar una actualización completa de la página es crear un parámetro ficticio en la ruta que quiero actualizar y luego, cuando llamo a la ruta, paso un número aleatorio al parámetro ficticio.

            .state("coverage.check.response", {
                params: { coverageResponse: null, coverageResponseId: 0, updater: 1 },
                views: {
                    "coverageResponse": {
                        templateUrl: "/Scripts/app/coverage/templates/coverageResponse.html",
                        controller: "coverageResponseController",
                        controllerAs: "vm"
                    }
                }
            })

y luego la llamada a esa ruta

$state.go("coverage.check.response", { coverageResponse: coverage, updater: Math.floor(Math.random() * 100000) + 1 });

Funciona como un encanto y maneja los resuelve.

Puede usar la respuesta @Rohan https://stackoverflow.com/a/23609343/3297761

Pero si desea que cada controlador se vuelva real después de un cambio de vista, puede usar

myApp.config(function($ionicConfigProvider) { $ionicConfigProvider.views.maxCache(0); ... }

Si está utilizando ionic v1, la solución anterior no funcionará ya que ionic ha habilitado el almacenamiento en caché de plantillas como parte de $ ionicConfigProvider.

Evitar eso es un poco hacky: debe establecer el caché en 0 en el archivo ionic.angular.js:

$ionicConfigProvider.views.maxCache(0);

Tuve este problema: me estaba destrozando la cabeza, mi ruta se lee desde un archivo JSON y luego se alimenta a una directiva. Podía hacer clic en un estado ui pero no podía volver a cargar la página. Así que un colega mío me mostró un pequeño truco para ello.

1. Obtenga sus datos
2. En la configuración de sus aplicaciones, cree un estado de carga
3. Guarde el estado al que desea ir en el rootcope.
4. Establezca su ubicación en "/ cargando" en su aplicación.
5. En el controlador de carga, resuelva la promesa de enrutamiento y luego configure la ubicación para el objetivo deseado.

Esto funcionó para mí.

Espero eso ayude