angularjs - Force page refresh to release memory -

angularjs - Force page refresh to release memory -

single page apps require careful management of events, dom elements, , javascript objects in order avoid leaks.

we're going manage memory , crush leaks best can. said, application large, uses many libraries, , left open days @ time.

we need safety valve.

i'm looking ideas on how unobtrusively trigger page refresh in single page app way forcefulness release of memory.

one thought observe when user idle more n minutes , refresh then, because it's unlikely interrupt them. much of application state saved in url using angularjs ui-router, work of time.

the problem while state in router, not of be. user have unsaved changes, or have modal or flyout menu open isn't in url state. solution observe user changes , ban refresh if changes have taken place aren't in url. don't see how implement generically though. maybe set that's little bit of import url state.

another thought watch application state alter event $statechangestart and, every nth time, actual browser navigation url instead of app state change. never result in lost "sub-state", cause slower page alter response , screen flicker. maybe every 20 screen changes ok though.

does have improve ideas?

just thought on unsaved changes , data:

i have single page app in 1 section has several tabs each containing form. when each form becomes "dirty" triggers notification main controller, , sets flag form. when user saves particular form flag becomes unset. if user tries navigate away - before route alter occurs, checks see if of flags set , notifies user via modal particular info hasn't saved. user can decide whether go on route alter or go , save data.

this modified perform same check on page refresh , if there unsaved info either cancel page refresh or save changes browser's local storage recall after page has finished refreshing.

angularjs memory-management memory-leaks single-page-application angular-ui-router