AngularJS based localStorage service alongside an include/template enhancement directive.
The project contains two separate aspects.
First, a service that's essentially a wrapper for a localStorage project I did awhile back. I figured it'd be useful for someone else. There isn't a cookie fallback, however localStorage is supported as far back as IE-8.
The second aspect I included was an enhancement directive for ngInclude. In your HTML markup you add the directive to ngInclude from there localStorage helps take over from caching:
<div data-ng-include="'subdemo.html'" data-local-storage=""></div>I've set the local-storage attribute up with 3 potential values and a $watch (I'm debating whether I need to go back and "watch" the
ngInclude as well, more testing required)
4 potential values and a $watch on ngInclude and localStorage. Feel free to update, I'm definetly looking for better alternatives.
- {String} '' an empty value/string: Initial data loaded and placed in localStorage
- {String} 'cache': Similar to initial data load, but puts a prefrence on pulling data from the $templateCache
- {String} 'expire' or 'clear': Expires/clears the associated localStorage.
- {String} 'reload': clears/expires the associated localStorage, reloads the data, and populates localStorage again.
I only did minimal Chrome and Firefox testing. IE supports localStorage down to version 8.
My aspect is released under the MIT License.
I did include Normalize.css for general formatting purposes within the demo.