Mevcut durum nasıl yeniden yüklenir?

Açısal UI Router kullanıyorum ve mevcut durumu yeniden yüklemek ve tüm verileri yenilemek / mevcut durum ve onun üst için denetleyicileri yeniden çalıştırmak istiyorum.

3 eyalet seviyem var: directory.organisations.details

directory.organisations , kuruluşların listesini içeren bir tablo içerir. Tablodaki bir öğeye tıklandığında directory.organisations.de yüklenir ve $ StateParams öğenin kimliğini geçer. Ayrıntılar durumunda, bu öğenin ayrıntılarını yüklerim, düzenler ve verileri kaydederim. Şimdiye kadar her şey yolunda.

Şimdi bu durumu yeniden yüklemem ve tüm verileri yenilemem gerekiyor.

Denedim:

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

Hangi üst duruma gider ama denetleyiciyi yeniden yüklemez, sanırım yol değişmedi. İdeal olarak sadece içinde kalmak istiyorum directory.organisations.details ve ebeveyn de tüm verileri yenilemek .

Ayrıca denedim:

$state.reload()

Bunu $ state.reload için API WIKI'de gördüm "(şu anda eski haline döndüren denetleyicilere sahip hata, yakında düzeltiliyor)."

Herhangi bir yardım mutluluk duyacağız?

Ben ui-yönlendirici ile yenilemek için en kısa çalışma yolu olarak buldum:

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

Daha yeni sürümler için güncelleme :

$state.reload();

Hangisi için bir takma addır:

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

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

Bu çözüm AngularJS V.1.2.2'de çalışır:

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

Bu nihai çözüm olacaktır. (@ Hollan_Risley'nin gönderisinden esinlenmiştir)

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

Şimdi, yeniden yüklemeniz gerektiğinde, şunu aramanız yeterlidir:

$state.forceReload();

iyonik çerçeve için

$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

Muhtemelen daha temiz bir yaklaşım aşağıdaki gibi olacaktır:

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

Durumu yalnızca HTML'den yeniden yükleyebiliriz.

@Holland Risley'nin yanıtı artık en son kullanıcı arabiriminde bir api olarak kullanılabiliyor.

$state.reload();

Geçerli durumu yeniden yüklemeye zorlayan bir yöntem. Tüm çözümler yeniden çözümlenir, denetleyiciler eski haline getirilir ve olaylar yeniden başlatılır.

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

sayfanızın tamamını yeniden yüklemek istediğiniz gibi görünüyorsa, kontrol cihazınıza $ window enjekte edin ve ardından

$window.location.href = '/';

ancak yalnızca mevcut görünümünüzü yeniden yüklemek istiyorsanız, $ scope, $ state ve $ stateParams'ı (bu yaklaşan yeniden yüklemede bazı parametrelerin değiştirilmesi gerektiğinde, sayfa numaranız gibi bir şey) enjekte ediyorsanız, denetleyici yöntemi:

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

Açısal JS v1.3.15 açısal-ui-yönlendirici v0.2.15

Her zaman işe yarayan aptal bir çözüm.

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

Açısal v1.2.26 için yukarıdakilerin hiçbiri işe yaramaz. Yukarıdaki yöntemleri çağıran bir tıklamanın iki kez tıklanması gerekir yeniden yüklemek .

Bu yüzden $ timeout kullanarak 2 tıklama taklit sona erdi.

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

Her şey benim için başarısız oldu. Çalışan tek şey ... giderken yeniden yüklemek istediğiniz görünüme cache-view = "false" ekliyor.

bu sayıdan https://github.com/angular-ui/ui-router/issues/582

Bunların hiçbirinin benim için neden işe yaramadığından emin değilim; sonunda bunu yapan:

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

Bu Açısal 1.4.0 ile oldu

Birden çok iç içe görünümüm vardı ve amaç yalnızca bir içerikli yeniden yüklemekti. Farklı yaklaşımlar denedim ama benim için işe yarayan tek şey:

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

Bu durumda yalnızca gerekli görünüm yeniden yüklenecek ve önbellekleme yine de işe yarayacaktır.

Bir sürü cevap olduğunu biliyorum ama tam sayfa yenilemesine neden olmadan bunu yapmanın en iyi yolu, yenilemek istediğim rotada bir kukla parametre oluşturmak ve daha sonra rotayı çağırdığımda kukla parametreye rastgele sayı.

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

ve sonra o rotaya yapılan çağrı

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

Bir cazibe gibi çalışır ve çözer.

@Rohan cevabını kullanabilirsiniz https://stackoverflow.com/a/23609343/3297761

Ancak, bir görünüm değişikliğinden sonra her denetleyicinin yeniden yüklenmesini istiyorsanız,

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

İyonik v1 kullanıyorsanız, iyonik $ ionicConfigProvider'ın bir parçası olarak şablon önbelleğe almayı etkinleştirdiği için yukarıdaki çözüm çalışmaz.

Bunun için geçici bir çözüm - ionic.angular.js dosyasında önbelleği 0 olarak ayarlamanız gerekir:

$ionicConfigProvider.views.maxCache(0);

Bu sorunla başımı mahvettim, yönlendirmem bir JSON dosyasından okunur ve daha sonra bir direktifle beslenir. Bir kullanıcı arayüzünü tıklayabilirdim, ancak sayfayı yeniden yükleyemedim. Bu yüzden bir kolejim bana bunun için güzel bir numara gösterdi.

1. Verilerinizi Alın
2. Uygulama yapılandırmanızda bir yükleme durumu oluşturun
3. Gitmek istediğiniz durumu anaç içine kaydedin.
4. Konumunuzu app.run dosyasında "/ loading" olarak ayarlayın
5. Yükleme denetleyicisinde yönlendirme vaadini çözün ve ardından konumu hedeflediğiniz hedefe ayarlayın.

Bu benim için çalıştı.

Umarım yardımcı olur