How can I implement MVVM with offline storage and Knockout.js?

Question

I can implement Mvvm with Knockout.js. But I want to use it with cross browser(FF and Chrome) supported Html 5 offline storage.

I want to bind html objects to offline storage.

Answer 1

I haven't tried it, but there is a knockout.localStorage project on GitHub, that seems to be what you are looking for.

With that plugin, you should be able to pass an object as a second argument, when you create your observable, which saves the observable into localStorage.

From the documentation:

var viewModel = {
  name: ko.observable('James', {persist: 'name'})
}

ko.applyBindings(viewModel);

Answer 2

You can use a library such as amplify.js which can serialize objects to localStorage (cross browser). It falls back to older storage tools for older browsers too. First, unwrap the observables to a JSON object, then use amplify.store to serialize the object and store it. Then you can pull it back out and map it back to an observable object when you want to fetch it.

http://amplifyjs.com/api/store/