ui-router有没有办法在不重新加载整个页面的情况下重新加载某个状态?

时间:2014-03-21 13:25:42

标签: angularjs angular-ui-router

假设我有以下三种状态:rootaccountsaccounts.edit

帐户只是一个帐户名称列表(为了练习),accounts.edit将是一个简单的输入,其中包含一个更新帐户名称的提交按钮。他们都是root州的孩子。

我希望在保存所选帐户后重新加载帐户名称,为此我尝试使用$state.go('accounts', {}, {reload: true});,当它重新加载帐户列表时,它还会重新加载整个页面(在这种情况下,页面的其余部分只是具有简单导航控件的root状态。

我是否可以在不重新加载accounts的情况下重新加载root州?

1 个答案:

答案 0 :(得分:0)

它必须是分层的,即:

$stateProvider
    .state('root', { ... })
    .state('root.accounts', {...})
    .state('root.accounts.edit', {...});

虽然导航内容不会发生变化,但您可能希望将其完全移出状态视图,即:

...
<body ng-app="MyApp">
   <!-- nav goes here -->
   <div ui-view></div>
</body>