Làm thế nào để tải lại trạng thái hiện tại?

Tôi đang sử dụng Bộ định tuyến giao diện người dùng Angular và muốn tải lại trạng thái hiện tại và làm mới tất cả dữ liệu / chạy lại bộ điều khiển cho trạng thái hiện tại và đó là cha mẹ.

Tôi có 3 cấp độ nhà nước: thư mục. Organisations.details

thư mục. tổ chức chứa một bảng với một danh sách các tổ chức. Nhấp vào một mục trong bảng sẽ tải thư mục. Organisations.details với $ StateParams chuyển ID của mục đó. Vì vậy, trong trạng thái chi tiết, tôi tải các chi tiết cho mục này, chỉnh sửa chúng và sau đó lưu dữ liệu. Tất cả đều ổn cho đến nay.

Bây giờ tôi cần tải lại trạng thái này và làm mới tất cả dữ liệu.

Tôi đã thử:

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

Đi đến trạng thái cha mẹ nhưng không tải lại bộ điều khiển, tôi đoán vì đường dẫn không thay đổi. Lý tưởng nhất là tôi chỉ muốn ở trong trạng thái thư mục. Organisations.details và làm mới tất cả dữ liệu trong cha mẹ.

Tôi cũng đã thử:

$state.reload()

Tôi đã thấy điều này trên API WIKI với giá $ state.reload "(lỗi với bộ điều khiển khôi phục lại ngay bây giờ, sẽ sớm sửa)."

Bất kỳ trợ giúp sẽ được đánh giá cao?

Tôi thấy đây là cách làm việc ngắn nhất để làm mới với ui-router:

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

Cập nhật cho các phiên bản mới hơn:

$state.reload();

Đó là một bí danh cho:

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

Tài liệu: https://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state#methods_reload

Giải pháp này hoạt động trong AngularJS V.1.2.2:

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

Đó sẽ là giải pháp cuối cùng. (lấy cảm hứng từ bài đăng của @ 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;
    });
});

Bây giờ, bất cứ khi nào bạn cần tải lại, chỉ cần gọi:

$state.forceReload();

cho khung ion

$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

Có lẽ cách tiếp cận sạch hơn sẽ là như sau:

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

Chúng tôi chỉ có thể tải lại trạng thái từ HTML.

Câu trả lời của @Holland Risley hiện có sẵn dưới dạng api trong bộ định tuyến ui mới nhất.

$state.reload();

Một phương pháp buộc tải lại trạng thái hiện tại. Tất cả các độ phân giải được giải quyết lại, các bộ điều khiển được xác minh lại và các sự kiện được kích hoạt lại.

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

nếu bạn muốn tải lại toàn bộ trang của mình, có vẻ như vậy, chỉ cần đưa cửa sổ $ vào bộ điều khiển của bạn và sau đó gọi

$window.location.href = '/';

nhưng nếu bạn chỉ muốn tải lại chế độ xem hiện tại của mình, hãy nhập $ scope, $ state và $ stateParams (sau này trong trường hợp bạn cần thay đổi một số tham số trong lần tải lại sắp tới này, giống như số trang của bạn), thì hãy gọi nó trong bất kỳ phương pháp điều khiển:

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

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

Cách giải quyết ngớ ngẩn luôn luôn hoạt động.

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

Đối với v1.2.26 góc, không có công trình nào ở trên. Một lần nhấp ng gọi các phương thức trên sẽ phải được bấm hai lần để thực hiện tải lại trạng thái.

Vì vậy, tôi đã kết thúc việc mô phỏng 2 lần nhấp bằng cách sử dụng $ 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;
        }]);

Mọi thứ đều thất bại đối với tôi. Chỉ có điều hoạt động ... là thêm cache-view = "false" vào chế độ xem mà tôi muốn tải lại khi đi đến đó.

từ vấn đề này https://github.com/angular-ui/ui-router/issues/582

Không chắc chắn tại sao không ai trong số này dường như làm việc cho tôi; người cuối cùng đã làm điều đó là:

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

Đây là với Angular 1.4.0

Tôi đã có nhiều lượt xem lồng nhau và mục tiêu là chỉ tải lại một lượt xem có nội dung. Tôi đã thử các cách tiếp cận khác nhau nhưng điều duy nhất hiệu quả với tôi là:

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

Trong trường hợp này, chỉ cần xem sẽ được tải lại và bộ nhớ đệm vẫn hoạt động.

Tôi biết đã có một loạt các câu trả lời nhưng cách tốt nhất tôi đã tìm thấy để làm điều này mà không gây ra làm mới toàn trang là tạo một tham số giả trên tuyến đường mà tôi muốn làm mới và sau đó khi tôi gọi tuyến đường tôi đi qua số ngẫu nhiên để tham số giả.

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

và sau đó gọi đến tuyến đường đó

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

Hoạt động như một nét duyên dáng và xử lý các quyết tâm.

Bạn có thể sử dụng câu trả lời @Rohan https://stackoverflow.com/a/23609343/3297761

Nhưng nếu bạn muốn làm cho mỗi bộ điều khiển tải lại sau khi thay đổi chế độ xem, bạn có thể sử dụng

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

Nếu bạn đang sử dụng ionic v1, giải pháp trên sẽ không hoạt động vì ionic đã kích hoạt bộ đệm ẩn mẫu như là một phần của $ ionicConfigProvider.

Làm việc xung quanh đó là một chút hacky - bạn phải đặt bộ đệm thành 0 trong tệp ionic.angular.js:

$ionicConfigProvider.views.maxCache(0);

Tôi gặp vấn đề này, nó đã phá hỏng đầu tôi, định tuyến của tôi được đọc từ một tệp JSON và sau đó được đưa vào một lệnh. Tôi có thể nhấp vào trạng thái ui nhưng tôi không thể tải lại trang. Vì vậy, một đồng nghiệp của tôi đã chỉ cho tôi một mẹo nhỏ hay cho nó.

1. Nhận dữ liệu của bạn
2. Trong cấu hình ứng dụng của bạn, hãy tạo trạng thái tải
3. Lưu trạng thái bạn muốn đi đến trong rootscope.
4. Đặt vị trí của bạn thành "/ đang tải" trong ứng dụng của bạn.
5. Trong bộ điều khiển tải giải quyết lời hứa định tuyến và sau đó đặt vị trí cho mục tiêu dự định của bạn.

Điều này làm việc cho tôi.

Hy vọng nó giúp