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

我有3个状态级别:目录。组织。细节

organizations包含一个包含组织列表的表。单击表中的项目加载directory. organizations .details,并使用$StateParams传递该项的ID。所以在细节状态下,我加载这个项目的细节,编辑它们,然后保存数据。到目前为止一切正常。

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

我试过:

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

它会回到父状态但不会重载控制器,我猜是因为路径没有改变。理想情况下,我只想留在directory. organizations .details状态,并刷新父目录中的所有数据。

我也试过:

$state.reload()

我在$state的API WIKI上看到过这个。重新加载”(错误与控制器重新验证现在,修复很快)。

如果有任何帮助,我将不胜感激。


当前回答

我不知道为什么这些方法对我都不起作用;最后成功的是:

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

这是在Angular 1.4.0中

其他回答

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

我有多个嵌套视图,目标是只重载一个包含内容的视图。 我尝试了不同的方法,但唯一对我有效的是:

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

在这种情况下,只有需要的视图将被重新加载,缓存仍将工作。

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

$state.reload();

强制重新加载当前状态的方法。所有的决议都是 重新解析,控制器重新实例化,事件重新触发。

http://angular-ui.github.io/ui-router/site/ / api / ui.router.state。美元的状态

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

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

很有魅力,能解决问题。

如果你想重新加载整个页面,就像它看起来的那样,只需将$window注入到控制器中,然后调用

$window.location.href = '/';

但如果你只想重新加载当前视图,注入$scope, $state和$stateParams(后者只是为了以防你需要在即将到来的重新加载中改变一些参数,比如你的页码),然后在任何控制器方法中调用这个:

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

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