ui-router：状态更改时未调用父级解析

Question

在 ui-router 中，当状态发生变化时，它应该调用其所有父级解析。这在第一次状态更改时起作用。但是对于 第二次 时间，父级的解析不会被调用（可能是因为它们之前已经解析过）。

这是状态配置

var app = angular.module('plunker', ['ui.router']);

app.config(function($stateProvider) {
  $stateProvider
  .state('root', {
    abstract: true,
    resolve: {
      preloadData: function() {
        console.log("preloadData");
        return true;
      }
    }
  })
  .state('root.home', {
    resolve: {
      test: function() {
        console.log('Home')
        return true;
      }
    }
  })
  .state('root.login', {
    resolve: {
      test: function() {
        console.log('Login')
        return true;
      }
    }
  });
});

这里是 plnkr http://plnkr.co/edit/rMVbxErZyStt97JifJlj。打开开发控制台并单击按钮。您会看到 preloadData 仅在第一次状态更改时被调用。对于未来的状态变化，它不会被调用。

这种行为是有意的/正常的吗？有没有办法在每次状态更改时强制调用父级的解析？

Answer 1

当您从“外部”状态（即相关状态的层次结构树之外的状态）进入该状态（或其后代之一）时，特定状态的“解析”运行。然后，其后代和自身之间的导航不会重新运行“resolves”和控制器。

换句话说，给定以下状态层次结构示例：

     A     B
    /     /
   AA    C
        / \
       C1 C2

然后，从 A 切换到 B 将运行 B 的控制器并“解析”，因为 A 在 B 树之外。然后切换到 C（或 C1 或 C2），然后再切换回 B，不会重新运行 B 的解析。

如果您随后切换回 A（或 AA），则 A will resolves 将运行。