Jak ponownie załadować aktualny stan?

Używam routera Angular UI i chciałbym ponownie załadować bieżący stan i odświeżyć wszystkie dane / ponownie uruchomić kontrolery dla bieżącego stanu i jego rodzica.

Mam 3 poziomy stanu: directory.organisations.details

Directory.organisations zawiera tabelę z listą organizacji. Kliknięcie elementu w tabeli powoduje załadowanie directory.organisations.details z $ StateParams przekazującym identyfikator elementu. Więc w stanie szczegółów ładuję szczegóły tego elementu, edytuję je, a następnie zapisuję dane. Jak dotąd wszystko w porządku.

Teraz muszę ponownie załadować ten stan i odświeżyć wszystkie dane.

Próbowałem:

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

Który przechodzi do stanu nadrzędnego, ale nie ładuje ponownie kontrolera, ponieważ ścieżka się nie zmieniła. Idealnie chcę po prostu pozostać w stanie directory.organisations.details i odświeżyć wszystkie dane w obiekcie nadrzędnym.

Próbowałem też:

$state.reload()

Widziałem to na interfejsie API WIKI dla $ state.reload „(błąd przywracania kontrolerów teraz, naprawiony wkrótce)”.

Każda pomoc byłaby mile widziana?

Odkryłem, że jest to najkrótszy działający sposób na odświeżenie za pomocą interfejsu użytkownika:

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

Aktualizacja dla nowszych wersji:

$state.reload();

Który jest aliasem dla:

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

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

To rozwiązanie działa w AngularJS V.1.2.2:

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

To byłoby ostateczne rozwiązanie. (zainspirowany postem @ 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;
    });
});

Teraz, ilekroć musisz przeładować, po prostu zadzwoń:

$state.forceReload();

dla szkieletu jonowego

$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

Prawdopodobnie czystsze podejście byłoby następujące:

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

Możemy przeładować stan tylko z HTML.

Odpowiedź @Holland Risley jest teraz dostępna jako interfejs API w najnowszym routerze interfejsu użytkownika.

$state.reload();

Metoda wymuszająca ponowne ładowanie bieżącego stanu. Wszystkie rozstrzygnięcia są ponownie rozpatrywane, kontrolery są ponownie instalowane, a zdarzenia są ponownie uruchamiane.

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

jeśli chcesz ponownie załadować całą stronę, jak się wydaje, po prostu wstrzyknij $ window do kontrolera, a następnie zadzwoń

$window.location.href = '/';

ale jeśli chcesz przeładować tylko bieżący widok, wstrzyknij $ scope, $ state i $ stateParams (ten ostatni na wypadek, gdybyś musiał zmienić parametry w nadchodzącym przeładowaniu, coś w rodzaju numeru strony), a następnie wywołaj to w dowolnym metoda kontrolera:

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

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

Głupie obejście, które zawsze działa.

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

W przypadku wersji kątowej 1.2.26 żadna z powyższych nie działa. Kliknięcie ng, które wywołuje powyższe metody, musi zostać dwukrotnie kliknięte , aby stan został ponownie załadowany.

Ostatecznie emulowałem 2 kliknięcia za pomocą $ 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;
        }]);

Wszystko dla mnie zawiodło. Jedyną rzeczą, która działała ... jest dodanie cache-view = "false" do widoku, który chcę ponownie załadować, przechodząc do niego.

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

Nie jestem pewien, dlaczego żadne z nich nie działało dla mnie; tym, który w końcu to zrobił:

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

Tak było w przypadku Angulara 1.4.0

Miałem wiele zagnieżdżonych widoków, a celem było ponowne załadowanie tylko jednego z zawartością. Próbowałem różnych podejść, ale jedyna rzecz, która działała dla mnie, to:

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

W takim przypadku tylko potrzebny widok zostałby ponownie załadowany, a buforowanie nadal działałoby.

Wiem, że było wiele odpowiedzi, ale najlepszym sposobem, jaki udało mi się to zrobić bez powodowania pełnego odświeżenia strony, jest utworzenie fikcyjnego parametru na trasie, którą chcę odświeżyć, a następnie, gdy wywołuję trasę, podaję losowa liczba do manekina.

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

a następnie połączenie z tą trasą

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

Działa jak urok i obsługuje postanowienia.

Możesz użyć odpowiedzi @Rohan https://stackoverflow.com/a/23609343/3297761

Ale jeśli chcesz, aby każdy kontroler był ponownie ładowany po zmianie widoku, możesz użyć

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

Jeśli używasz ionic v1, powyższe rozwiązanie nie będzie działać, ponieważ ionic włączył buforowanie szablonów jako część $ ionicConfigProvider.

Obejście tego jest trochę hacky - musisz ustawić pamięć podręczną na 0 w pliku ionic.angular.js:

$ionicConfigProvider.views.maxCache(0);

Miałem ten problem, że rujnował mi głowę, moje trasy są odczytywane z pliku JSON, a następnie wprowadzane do dyrektywy. Mogłem kliknąć stan interfejsu użytkownika, ale nie mogłem ponownie załadować strony. Więc mój kolega pokazał mi niezłą sztuczkę.

1. Uzyskaj swoje dane
2. W konfiguracji aplikacji utwórz stan ładowania
3. Zapisz stan, w którym chcesz przejść, w głównym katalogu.
4. Ustaw swoją lokalizację na „/ loading” w app.run
5. W kontrolerze ładowania sprawdź obietnicę routingu, a następnie ustaw lokalizację zgodnie z zamierzonym celem.

To zadziałało dla mnie.

Mam nadzieję, że to pomoże