如何重新加载当前状态？

我正在使用Angular UI Router，想重新加载当前状态并刷新所有数据/为当前状态及其父级重新运行控制器。

我有3个状态级别：directory.organisations.details

directory.organisations包含一个带有组织列表的表。单击表中的一个项目将加载$ directoryParams传递该项目的ID的directory.organisations.details详细信息。因此，在详细信息状态下，我将加载该项目的详细信息，对其进行编辑，然后保存数据。到目前为止一切都很好。

现在，我需要重新加载此状态并刷新所有数据。

我努力了：

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

我猜这是因为它的父级状态，但不会重新加载控制器，因为路径没有改变。理想情况下，我只想保留在directory.organisations.details状态并刷新父级中的所有数据。

我也尝试过：

$state.reload()

我已经在API WIKI上以$ state.reload看到了这一点（“（现在正在重新实例化控制器的错误，即将修复）。”

任何帮助，将不胜感激？

我发现这是使用ui-router刷新的最短工作方式：

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

较新版本的更新：

$state.reload();

别名是：

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

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

此解决方案在AngularJS V.1.2.2中有效：

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

那将是最终的解决方案。（灵感来自@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;
    });
});

现在，每当需要重新加载时，只需调用：

$state.forceReload();

用于离子骨架

$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

可能更清洁的方法如下：

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

我们只能从HTML重新加载状态。

@Holland Risley的答案现在可以作为最新ui路由器中的api使用。

$state.reload();

一种强制重新加载当前状态的方法。重新解析所有解决方案，重新设置控制器，并重新触发事件。

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

如果您想重新加载整个页面（如看上去），只需将$ window注入到控制器中，然后调用

$window.location.href = '/';

但是，如果您只想重新加载当前视图，请注入$ scope，$ state和$ stateParams（后者，以防万一您需要在即将进行的重新加载中更改某些参数（例如您的页码）），然后在任意控制器方法：

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

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

始终有效的愚蠢解决方法。

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

对于angular v1.2.26，上述所有方法均无效。调用上述方法的ng-click必须被单击两次，以使状态重新加载。

因此，我最终使用$ timeout模拟了2次点击。

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

一切对我来说都失败了。唯一有效的方法是将cache-view =“ false”添加到视图中时要重新加载的视图中。

从这个问题https://github.com/angular-ui/ui-router/issues/582

不知道为什么这些都不适合我？最终做到这一点的是：

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

这是在Angular 1.4.0中

我有多个嵌套视图，目标是仅重新加载一个内容。我尝试了不同的方法，但唯一对我有用的是：

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

在这种情况下，仅需要的视图将被重新加载并且缓存仍将起作用。

我知道有很多答案，但是我发现做到这一点而不引起整页刷新的最好方法是在要刷新的路由上创建一个虚拟参数，然后在我调用该路由时传递虚拟参数的随机数。

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

然后拨打该路线

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

像魅力一样运作并处理决心。

您可以使用@Rohan回答 https://stackoverflow.com/a/23609343/3297761

但是，如果要在视图更改后使每个控制器重载，则可以使用

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

如果您使用的是ionic v1，则上述解决方案将无法使用，因为ionic已将模板缓存作为$ ionicConfigProvider的一部分启用。

解决这个问题有点麻烦-您必须在ionic.angular.js文件中将缓存设置为0：

$ionicConfigProvider.views.maxCache(0);

我遇到了一个问题，它使我很头疼，我的路由从JSON文件中读取，然后输入到指令中。我可以单击ui状态，但是无法重新加载页面。因此，我的一个同事向我展示了一个不错的小技巧。

1. 获取您的数据
2. 在您的应用程序配置中创建加载状态
3. 将您想要进入的状态保存在rootscope中。
4. 在您的app.run中将您的位置设置为“ /正在加载”
5. 在加载控制器中，解析路由承诺，然后将位置设置为预期的目标。

这对我有用。

希望能帮助到你