angularjs - 仅更改 ui.router 中状态更改的一种 View ？

Question

我有一个简单的布局，如下所示:

__________________  ________
|                |  | Side |
|  Main section  |  | -bar |
|________________|  |______|

“主要部分”向用户公开表单；根据他们选择的“主要部分” state应该改变(即:应该加载不同的部分)。我如何通过 UI.router 来促进这一点?

例如:仅更改 columnOne在 /about状态: http://plnkr.co/edit/IzimSVsstarlFviAm7S7

Answer 1

当状态改变时，所有新状态的 View 和任何祖先状态的 View 都将被加载。因此，如果您希望 View A 保持不变，而 View B 更改为 View C，则 View A 的状态必须是 View B 和 C 的祖先。因此您需要一个中间(可能是抽象的)状态。

Here is a Plunker.