なぜこの単純なbackbone.jsアプリケーションは永続化せずにlocalstorageに読み込まれませんか？

Question

私はbackbone.jsを使用して簡単なデモアプリケーションを作成しようとしていますが、jeromegnのローカルストレージアダプタを使用して問題を保存しています。私は彼のtodoのデモを読んだが、まだ私が逃しているものを見逃す。これはおそらく単純なものです....

この簡単なアプリケーションは、https://github.com/paulspencerwilliams/backbone_tutorialで見つかるだけで、コレクションがメモリに保存されるだけで、localstorageには何も書き込まれません。

感謝の気持ちでお待ちしております。

Answer 1

Backbone.localStorageプラグインは、Backbone.syncの代わりに使用されます。通常、Backbone.syncは、サーバーへの変更の取得と永続化を処理します。 syncメソッドは、モデルオブジェクトに対してsaveメソッドが呼び出されたときなど、特定の時刻にのみ起動されます。

サンプルコードでは、モデルをAddressBookコレクションに追加していますが、syncへの呼び出しは発生しません。 this.addressBook.create(newContact)をhandleNewContactから呼び出すと、アイテムはChromeのlocalStorageに表示されます。

var AddView = Backbone.View.extend({ 
    // snip 

    handleNewContact: function(data) { 
     var inputField = $('input[name=name]'); 

     var newContact = new Contact; 
     newContact.name = inputField.val(); 
     this.addressBook.create(newContact); // minor tweak here 

     inputField.val(''); 
     router.navigate('', true); 
    }, 

    // snip 
}); 

私はそれを読んでいた間、私はコード内の他のいくつかのマイナーな問題をクリーンアップするので、あなたは私が知っているため、これはまだ失敗した場合。プルリクエストなどを送ることができます。