Wie lade ich den aktuellen Status neu?

Ich verwende Angular UI Router und möchte den aktuellen Status neu laden und alle Daten aktualisieren / die Controller für den aktuellen Status und den übergeordneten Status erneut ausführen.

Ich habe 3 Statusebenen: directory.organisations.details

directory.organisations enthält eine Tabelle mit einer Liste von Organisationen. Durch Klicken auf ein Element in der Tabelle wird directory.organisations.details geladen, wobei $ StateParams die ID des Elements übergibt. Im Detailstatus lade ich die Details für dieses Element, bearbeite sie und speichere dann Daten. Alles in Ordnung soweit.

Jetzt muss ich diesen Status neu laden und alle Daten aktualisieren.

Ich habe versucht:

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

Das geht in den übergeordneten Status, lädt aber den Controller nicht neu, denke ich, weil sich der Pfad nicht geändert hat. Im Idealfall möchte ich nur im Status " directory.organisations.details" bleiben und alle Daten im übergeordneten Element aktualisieren.

Ich habe auch versucht:

$state.reload()

Ich habe dies auf der API WIKI für $ state.reload gesehen "(Fehler mit Controllern, die gerade neu installiert werden und bald behoben werden)."

Jede Hilfe wäre dankbar?

Ich fand, dass dies der kürzeste Weg ist, um mit dem UI-Router zu aktualisieren:

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

Update für neuere Versionen:

$state.reload();

Welches ist ein Alias ​​für:

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

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

Diese Lösung funktioniert in AngularJS V.1.2.2:

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

Das wäre die endgültige Lösung. (inspiriert von @ Hollan_Risleys Beitrag)

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

Wenn Sie jetzt neu laden müssen, rufen Sie einfach an:

$state.forceReload();

für ionisches Gerüst

$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

Wahrscheinlich wäre der sauberere Ansatz der folgende:

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

Wir können den Status nur aus dem HTML neu laden.

Die Antwort von @Holland Risley ist jetzt als API im neuesten UI-Router verfügbar.

$state.reload();

Eine Methode, die das erneute Laden des aktuellen Status erzwingt. Alle Auflösungen werden erneut aufgelöst, die Controller neu aktiviert und Ereignisse erneut ausgelöst.

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

Wenn Sie Ihre gesamte Seite neu laden möchten, wie es scheint, fügen Sie einfach $ window in Ihren Controller ein und rufen Sie dann auf

$window.location.href = '/';

Wenn Sie jedoch nur Ihre aktuelle Ansicht neu laden möchten, fügen Sie $ scope, $ state und $ stateParams ein (letzteres nur für den Fall, dass sich bei diesem bevorstehenden Neuladen einige Parameter ändern müssen, z. B. Ihre Seitenzahl), und rufen Sie dies in einer beliebigen auf Controller-Methode:

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

AngularJS v1.3.15 Angular-UI-Router v0.2.15

Dumme Problemumgehung, die immer funktioniert.

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

Für Angular v1.2.26 funktioniert keine der oben genannten Funktionen. Ein ng-Klick, der die oben genannten Methoden aufruft, muss zweimal angeklickt werden, damit der Status neu geladen wird.

Also habe ich 2 Klicks mit $ timeout emuliert.

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

Alles ist für mich gescheitert. Das einzige, was funktioniert hat ... ist das Hinzufügen von cache-view = "false" zu der Ansicht, die ich neu laden möchte, wenn ich dazu gehe.

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

Ich bin mir nicht sicher, warum keines davon für mich zu funktionieren schien. derjenige, der es endlich tat, war:

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

Dies war mit Angular 1.4.0

Ich hatte mehrere verschachtelte Ansichten und das Ziel war, nur eine mit Inhalt neu zu laden. Ich habe verschiedene Ansätze ausprobiert, aber das einzige, was für mich funktioniert hat, ist:

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

In diesem Fall würde nur die benötigte Ansicht neu geladen und das Caching würde weiterhin funktionieren.

Ich weiß, dass es eine Reihe von Antworten gegeben hat, aber der beste Weg, dies zu tun, ohne eine vollständige Seitenaktualisierung zu verursachen, besteht darin, einen Dummy-Parameter für die Route zu erstellen, die aktualisiert werden soll, und dann, wenn ich die Route aufrufe, übergebe ich eine Zufallszahl zum Dummy-Parameter.

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

und dann der Anruf auf diese Route

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

Funktioniert wie ein Zauber und kümmert sich um die Auflösungen.

Sie können die @ Rohan-Antwort https://stackoverflow.com/a/23609343/3297761 verwenden

Wenn Sie jedoch jeden Controller nach einer Ansichtsänderung neu laden möchten, können Sie ihn verwenden

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

Wenn Sie ionic v1 verwenden, funktioniert die oben genannte Lösung nicht, da ionic das Template-Caching als Teil von $ ionicConfigProvider aktiviert hat.

Das Problem zu umgehen ist etwas hackig - Sie müssen den Cache in der Datei ionic.angular.js auf 0 setzen:

$ionicConfigProvider.views.maxCache(0);

Ich hatte dieses Problem, es hat meinen Kopf zerstört, mein Routing wird aus einer JSON-Datei gelesen und dann in eine Direktive eingespeist. Ich konnte auf einen UI-Status klicken, aber die Seite konnte nicht neu geladen werden. Ein Kollege von mir hat mir also einen schönen kleinen Trick dafür gezeigt.

1. Holen Sie sich Ihre Daten
2. Erstellen Sie in Ihrer Apps-Konfiguration einen Ladezustand
3. Speichern Sie den Status, zu dem Sie wechseln möchten, im Rootscope.
4. Setzen Sie Ihren Standort in Ihrer app.run auf "/ load"
5. Lösen Sie im Ladecontroller das Routing-Versprechen und setzen Sie den Standort auf Ihr beabsichtigtes Ziel.

Das hat bei mir funktioniert.

Ich hoffe es hilft