我正在使用Angular UI路由器，想要重新加载当前状态并刷新所有数据/重新运行当前状态及其父状态的控制器。
我有3个状态级别:目录。组织。细节
organizations包含一个包含组织列表的表。单击表中的项目加载directory. organizations .details，并使用$StateParams传递该项的ID。所以在细节状态下，我加载这个项目的细节，编辑它们，然后保存数据。到目前为止一切正常。
现在我需要重新加载这个状态并刷新所有数据。
我试过:
$state.transitionTo('directory.organisations');
它会回到父状态但不会重载控制器，我猜是因为路径没有改变。理想情况下，我只想留在directory. organizations .details状态，并刷新父目录中的所有数据。
我也试过:
$state.reload()
我在$state的API WIKI上看到过这个。重新加载”(错误与控制器重新验证现在，修复很快)。
如果有任何帮助，我将不胜感激。
当前回答
我发现这是用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。$ # methods_reload状态
其他回答
这个解决方案适用于AngularJS V.1.2.2:
$state.transitionTo($state.current, $stateParams, {
reload: true,
inherit: false,
notify: true
});
愚蠢的变通方法总是有效的。
$state.go("otherState").then(function(){
$state.go("wantedState")
});
离子骨架
$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
如果你想重新加载整个页面，就像它看起来的那样，只需将$window注入到控制器中，然后调用
$window.location.href = '/';
但如果你只想重新加载当前视图，注入$scope， $state和$stateParams(后者只是为了以防你需要在即将到来的重新加载中改变一些参数，比如你的页码)，然后在任何控制器方法中调用这个:
$stateParams.page = 1;
$state.reload();
AngularJS v1.3.15 angular-ui-router v0.2.15
这就是最终的解决方案。(灵感来自@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();
