当状态发生变化时,我如何坚持查看内容?

时间:2017-05-11 10:13:59

标签: angularjs uiview angular-ui-router nested views

当我改变状态时,有没有办法在命名的ui-view中保留内容?我真的需要它来做多窗口行为。

这是plunker,当点击main 3或main 4时我想要保留内容。

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

here is the plunker

非常感谢!!

1 个答案:

答案 0 :(得分:0)

对于遇到此问题的每个人,解决方案都使用sticky:true,这将使您的命名ui-views保持不变。

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

是一个apy来自 Documentation here

Codepen working here

请注意,如果删除sticky:true,它将不会保留命名视图,因此它的工作效果很好。

希望有所帮助:)