Wie kann ich MVVM mit Offline-Speicher und Knockout.js implementieren?

Question

Ich kann Mvvm mit Knockout.js implementieren. Aber ich möchte es mit Cross-Browser (FF und Chrome) unterstützt Html 5 Offline-Speicher verwenden.

Ich möchte HTML-Objekte an Offline-Speicher binden.

Answer 1

http://craigcav.wordpress.com/2012/05/16/simple-client-storage-for-view-models-with-amplifyjs-and-knockout/

Seine Lösung funktioniert!

Answer 2

Ich habe es nicht versucht, aber es gibt eine knockout.localStorageproject on GitHub, die scheint, was Sie suchen.

Mit diesem Plugin sollten Sie in der Lage sein, ein Objekt als zweites Argument zu übergeben, wenn Sie Ihre Observable erstellen, die das Observable in localStorage speichert.

Aus der Dokumentation:

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

ko.applyBindings(viewModel); 

Answer 3

Sie können eine Bibliothek verwenden, wie amplify.js die Objekte zu local (Cross-Browser) serialisiert werden kann. Auch ältere Browser greifen auf ältere Storage-Tools zurück. Entpacke zunächst die Observablen in ein JSON-Objekt und verwende amplify.store, um das Objekt zu serialisieren und zu speichern. Dann können Sie es wieder herausziehen und es zu einem beobachtbaren Objekt zurückverwandeln, wenn Sie es holen wollen.

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

Answer 4

Ich arbeitete eine Lösung auf Basis der subscribe Funktion von KnockoutJS. Es dauert ein Modell und beharrt alle observable Eigenschaften.

ko.persistChanges = function (vm, prefix) { 

    if (prefix === undefined) { 
     prefix = ''; 
    } 

    for (var n in vm) { 

     var observable = vm[n]; 
     var key = prefix + n; 

     if (ko.isObservable(observable) && !ko.isComputed(observable)) { 

      //track change of observable 
      ko.trackChange(observable, key); 

      //force load 
      observable(); 
     } 
    } 
}; 

prüfen http://keestalkstech.com/2014/02/automatic-knockout-model-persistence-offline-with-amplify/ für Code und JSFiddle Beispiel.