如何在状态更改时保留视图内容

Question

当我

更改状态时，有什么方法可以保留来自命名 ui-view 的内容？我真的需要它来执行多窗口行为。

这是 plunker，当单击主 3 或主 4 时，我想保留内容。

<div>
<div id="mainNav" ui-view="mainNav"></div>
<div id="subNav" ui-view="subNav"></div>
<div id="content" ui-view="content"></div>

这是普伦克

非常感谢！！

Answer 1

对于每个面临此问题的人来说，解决方案是使用sticky：true，这将使您命名的UI视图保持不变。

state('group.overview', {
    url : "/overview",
    views:  {
        'overview@group': {
            controller: 'timerController',
            template: '<h1>Overview</h1><div scope-age></div>'
        }
    },
 sticky: true,
 deepStateRedirect: true

是来自文档在这里

代码笔在这里工作

请注意，如果您擦除 sticky：true，它将不会保留命名视图，因此它工作得很好。

希望对:)有所帮助