Comment recharger l'état actuel?

J'utilise Angular UI Router et je voudrais recharger l'état actuel et actualiser toutes les données / réexécuter les contrôleurs pour l'état actuel et son parent.

J'ai 3 niveaux d'état: directory.organisations.details

directory.organisations contient un tableau avec une liste d'organisations. Cliquer sur un élément dans le tableau charge directory.organisations.details avec $ StateParams en passant l'ID de l'élément. Donc, dans l'état des détails, je charge les détails de cet élément, les modifie puis enregistre les données. Très bien jusqu'à présent.

Maintenant, je dois recharger cet état et actualiser toutes les données.

J'ai essayé:

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

Ce qui va à l'état parent mais ne recharge pas le contrôleur, je suppose que le chemin n'a pas changé. Idéalement, je veux simplement rester dans l' état directory.organisations.details et actualiser toutes les données dans le parent également.

J'ai aussi essayé:

$state.reload()

J'ai vu cela sur l'API WIKI pour $ state.reload "(bug avec les contrôleurs qui se réinstalle en ce moment, corrige bientôt)."

Toute aide serait appréciée?

J'ai trouvé que c'était le moyen de travail le plus court pour rafraîchir avec ui-router:

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

Mise à jour pour les versions plus récentes:

$state.reload();

Qui est un alias pour:

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

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

Cette solution fonctionne dans AngularJS V.1.2.2:

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

Ce serait la solution finale. (inspiré par le post 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;
    });
});

Maintenant, chaque fois que vous devez recharger, appelez simplement:

$state.forceReload();

pour cadre ionique

$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

L'approche la plus propre serait probablement la suivante:

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

Nous pouvons recharger l'état à partir du HTML uniquement.

La réponse de @Holland Risley est maintenant disponible sous forme d'api dans le dernier ui-router.

$state.reload();

Une méthode qui force à recharger l'état actuel. Toutes les résolutions sont résolues à nouveau, les contrôleurs sont rétablis et les événements sont déclenchés à nouveau.

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 vous voulez recharger votre page entière, comme il semble, injectez simplement $ window dans votre contrôleur, puis appelez

$window.location.href = '/';

mais si vous souhaitez uniquement recharger votre vue actuelle, injectez $ scope, $ state et $ stateParams (ces derniers au cas où vous auriez besoin de modifier certains paramètres lors de ce rechargement à venir, quelque chose comme votre numéro de page), puis appelez-le dans n'importe quel méthode du contrôleur:

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

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

Solution idiote qui fonctionne toujours.

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

Pour la version angulaire v1.2.26, aucun des éléments ci-dessus ne fonctionne. Un ng-click qui appelle les méthodes ci-dessus devra être cliqué deux fois pour que l'état se recharge.

J'ai donc fini par émuler 2 clics en utilisant $ 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;
        }]);

Tout a échoué pour moi. La seule chose qui a fonctionné ... est d'ajouter cache-view = "false" dans la vue que je veux recharger en y accédant.

de ce numéro https://github.com/angular-ui/ui-router/issues/582

Je ne sais pas pourquoi aucun de ces éléments ne semblait fonctionner pour moi; celui qui l'a finalement fait était:

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

C'était avec Angular 1.4.0

J'avais plusieurs vues imbriquées et l'objectif était de recharger une seule avec du contenu. J'ai essayé différentes approches mais la seule chose qui a fonctionné pour moi est:

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

Dans ce cas, seule la vue nécessaire serait rechargée et la mise en cache fonctionnerait toujours.

Je sais qu'il y a eu un tas de réponses, mais la meilleure façon que j'ai trouvée de le faire sans provoquer une actualisation de la page complète est de créer un paramètre factice sur la route que je veux actualiser, puis lorsque j'appelle la route, je passe dans un nombre aléatoire au paramètre fictif.

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

puis l'appel à cette route

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

Fonctionne comme un charme et gère les résolutions.

Vous pouvez utiliser @Rohan answer https://stackoverflow.com/a/23609343/3297761

Mais si vous voulez que chaque contrôleur soit rechargé après un changement de vue, vous pouvez utiliser

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

Si vous utilisez ionic v1, la solution ci-dessus ne fonctionnera pas car ionic a activé la mise en cache des modèles dans le cadre de $ ionicConfigProvider.

Contournement pour cela est un peu hacky - vous devez définir le cache à 0 dans le fichier ionic.angular.js:

$ionicConfigProvider.views.maxCache(0);

J'ai eu ce problème, ça me faisait mal à la tête, mon routage est lu à partir d'un fichier JSON puis alimenté dans une directive. Je pouvais cliquer sur un état d'interface utilisateur mais je n'ai pas pu recharger la page. Un de mes collègues m'a donc montré un bon petit truc pour ça.

1. Obtenez vos données
2. Dans la configuration de vos applications, créez un état de chargement
3. Enregistrez l'état dans lequel vous voulez aller dans le rootscope.
4. Définissez votre emplacement sur "/ loading" dans votre app.run
5. Dans le contrôleur de chargement, résolvez la promesse de routage, puis définissez l'emplacement sur la cible souhaitée.

Cela a fonctionné pour moi.

J'espère que ça aide