如何重新加载当前状态？

Question

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

我有3个州级：directory.organisations.details

目录组织包含一个包含组织列表的表。单击表loads目录中的项目。组织。$StateParams传递项目ID的详细信息。因此，在详细信息状态下，我加载此项目的详细信息，编辑它们，然后保存数据。目前一切正常。

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

我尝试过：

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

这会转到父状态，但不会重新加载控制器，我猜是因为路径没有更改。理想情况下，我只想留在目录中。组织。详细信息状态并刷新父级中的所有数据。

我也尝试过：

$state.reload()

我在$state的API WIKI上看到了这一点。“重新加载”（错误，控制器立即重新启动，很快修复）

如有任何帮助，我们将不胜感激？

Answer 1

这将是最终的解决方案。（灵感来源于@Hollan\u 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();

Answer 2

此解决方案适用于AngularJS V.1.2.2：

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

Answer 3

我发现这是使用ui路由器刷新的最短工作方式：

$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