AngularJS UI路由器保持状态在后台加载

问题描述:

我正在设计一个AngularJS项目,其中一个状态用一个Flash对象加载一个视图。我将如何保持在后台加载的Flash对象处于状态更改之间,以便在返回到使用Flash对象的状态时不必重新加载对象。AngularJS UI路由器保持状态在后台加载

+0

请添加代码或创建一个你现在尝试过的plunkr。 – lin

+1

你可以使用会话存储https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage – Merlin

+0

我还没有真正尝试过任何东西,因为我不知道该怎么做。我只需使用ui.router设置我的状态,当您导航到其他页面时,当前页面将从dom中删除,为下一个状态腾出空间。我只需要将dom隐藏在后台,直到您回到带有Flash对象的状态。 –

我终于想出了答案。在我的情况下,我试图保持一个闪光对象隐藏在背景中,但希望它也保持加载。我发现了关于“粘性状态”,我曾经允许包含该对象的UI视图保留在DOM中。我一直试图使用“显示:隐藏;”在对象上,但会导致对象在重新显示时重新加载。发现使用简单的CSS技巧和“可见性:隐藏”风格取得了诀窍!

+0

更多信息:[ui-路由器额外](http://christopherthielen.github.io/ui-router-extras/#/sticky) –