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

Question

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

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

“主要部分”向用户展示表单；根据他们的选择，“主要部分”state应该改变（即：应该加载不同的部分）。我如何促进这一点UI.router？

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

Answer 1

当状态改变时，所有新状态的视图和任何祖先状态的视图都将被加载。因此，如果您希望视图 A 在视图 B 更改为视图 C 时保持不变，那么视图 A 的状态将必须是视图 B 和 C 的祖先。所以您需要一个中间（可能是抽象的）状态。

这是一个Plunker。