Bagaimana cara memuat ulang keadaan saat ini?

Saya menggunakan Angular UI Router dan ingin memuat ulang keadaan saat ini dan menyegarkan semua data / menjalankan kembali pengontrol untuk keadaan saat ini dan orang tuanya.

Saya memiliki 3 level negara: directory.organisations.details

directory.organisations berisi tabel dengan daftar organisasi. Mengklik suatu item di tabel memuat direktori.organisations.detail dengan $ StateParams yang meneruskan ID item tersebut. Jadi dalam kondisi detail, saya memuat detail untuk item ini, mengeditnya dan kemudian menyimpan data. Semuanya baik-baik saja sejauh ini.

Sekarang saya perlu memuat ulang keadaan ini dan menyegarkan semua data.

Saya telah mencoba:

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

Yang masuk ke keadaan induk tetapi tidak memuat ulang controller, saya kira karena path belum berubah. Idealnya saya hanya ingin tetap dalam status directory.organisations.details dan me-refresh semua data di induk juga.

Saya juga sudah mencoba:

$state.reload()

Saya telah melihat ini di WIKI API untuk $ state.reload "(bug dengan pengontrol memulihkan kembali sekarang, segera perbaiki)."

Setiap bantuan akan dihargai?

Saya menemukan ini sebagai cara kerja tersingkat untuk menyegarkan dengan ui-router:

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

Pembaruan untuk versi yang lebih baru:

$state.reload();

Yang merupakan alias untuk:

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

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

Solusi ini bekerja di AngularJS V.1.2.2:

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

Itu akan menjadi solusi terakhir. (terinspirasi oleh pos @ 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;
    });
});

Sekarang, kapan pun Anda perlu memuat ulang, cukup hubungi:

$state.forceReload();

untuk kerangka ionik

$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

Mungkin pendekatan yang lebih bersih adalah sebagai berikut:

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

Kami dapat memuat ulang negara hanya dari HTML.

@Holland Risley jawaban sekarang tersedia sebagai api di ui-router terbaru.

$state.reload();

Metode yang memaksa memuat ulang kondisi saat ini. Semua resolusi diselesaikan kembali, pengendali diaktifkan kembali, dan acara kembali.

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

jika Anda ingin memuat ulang seluruh halaman Anda, seperti tampaknya, cukup masukkan $ window ke controller Anda dan kemudian panggil

$window.location.href = '/';

tetapi jika Anda hanya ingin memuat ulang tampilan Anda saat ini, menyuntikkan $ scope, $ state dan $ stateParams (yang terakhir untuk berjaga-jaga jika Anda perlu memiliki beberapa perubahan parameter dalam reload yang akan datang ini, seperti nomor halaman Anda), kemudian panggil ini dalam metode pengontrol:

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

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

Solusi konyol yang selalu berhasil.

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

Untuk v1.2.26 sudut, tidak ada yang bekerja di atas. Klik-ng yang memanggil metode di atas harus diklik dua kali untuk membuat status reload.

Jadi saya akhirnya meniru 2 klik menggunakan $ 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;
        }]);

Semuanya gagal untuk saya. Satu-satunya hal yang berhasil ... adalah menambahkan cache-view = "false" ke dalam tampilan yang ingin saya muat ulang saat melihatnya.

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

Tidak yakin mengapa tak satu pun dari ini tampaknya bekerja untuk saya; salah satu yang akhirnya melakukannya adalah:

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

Ini dengan Angular 1.4.0

Saya memiliki beberapa tampilan bersarang dan tujuannya adalah memuat ulang hanya satu dengan konten. Saya mencoba berbagai pendekatan tetapi satu-satunya hal yang berhasil bagi saya adalah:

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

Dalam hal ini hanya tampilan yang diperlukan akan dimuat ulang dan caching akan tetap berfungsi.

Saya tahu ada banyak jawaban tetapi cara terbaik yang saya temukan untuk melakukan ini tanpa menyebabkan penyegaran satu halaman penuh adalah dengan membuat parameter dummy pada rute yang ingin saya segarkan dan kemudian ketika saya memanggil rute yang saya lewati, nomor acak ke paramter dummy.

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

dan kemudian panggilan ke rute itu

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

Bekerja seperti pesona dan menangani tekad.

Anda dapat menggunakan @Rohan answer https://stackoverflow.com/a/23609343/3297761

Tetapi jika Anda ingin membuat setiap pengontrol reaload setelah perubahan tampilan yang dapat Anda gunakan

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

Jika Anda menggunakan ionic v1, solusi di atas tidak akan berfungsi karena ionic telah mengaktifkan cache templat sebagai bagian dari $ ionicConfigProvider.

Mengatasi hal itu agak sedikit meretas - Anda harus mengatur cache ke 0 di file ionic.angular.js:

$ionicConfigProvider.views.maxCache(0);

Saya punya masalah ini merusak kepala saya, rute saya dibaca dari file JSON dan kemudian dimasukkan ke dalam arahan. Saya bisa mengklik negara ui tapi saya tidak bisa memuat ulang halaman. Jadi seorang kolega saya menunjukkan kepada saya trik kecil yang bagus untuk itu.

1. Dapatkan Data Anda
2. Di aplikasi Anda, konfigurasi membuat status pemuatan
3. Simpan status yang ingin Anda tuju di rootscope.
4. Setel lokasi Anda ke "/ memuat" di app.run Anda
5. Di controller memuat menyelesaikan janji routing dan kemudian mengatur lokasi ke target yang Anda inginkan.

Ini berhasil untuk saya.

Semoga ini bisa membantu