Exploring the features of AngularJS and Ember, I am curious to know if Ember has the capability to cache views instead of just loading/reloading them. For instance, if I have tabs with templates like "abc.html," "def.html," and "ghi.html," can I create divs that are loaded within the same view space (div), initially load the div, and then show/hide divs as I switch between tabs? Essentially, I want to maintain context so that if I'm on tab 1 scrolling down the page, then click on tab 2 to start data entry, then move to tab 3 to listen to music, I can return to tab 1 and resume scrolling while tab 3 continues playing music. Then I can switch back to tab 2 and continue entering data where I left off, and go back to tab 3 to change the music, and so on. Previously, I achieved this functionality using JavaScript and iframes, but I wonder if it's possible with Ember.js. Essentially, I kept a list of template URL names and their IDs, toggled the active div, displayed the target div by ID, and loaded it if not found. Does Ember have a similar feature, or is there a way to extend it through Domain Injection interface?
Is this functionality currently supported in Ember.js? --- Many thanks