javascript - 为什么这个简单的backbone.js 应用程序不能持久保存并读取到本地存储？

Question

我正在尝试使用backbone.js 编写一个简单的演示应用程序，但在使用jeromegn 的本地存储适配器进行保存时遇到问题。我读过他的待办事项演示，但仍然看不到我错过了什么。这可能很简单......

这个简单的应用程序位于 https://github.com/paulspencerwilliams/backbone_tutorial当集合刚刚保存在内存中时工作正常，但没有任何内容写入本地存储。

如有任何想法，我们将不胜感激!!

Answer 1

Backbone.localStorage 插件是 Backbone.sync 的替代品，后者通常处理服务器的获取和持久更改。 sync 方法仅在特定时间触发，例如在模型对象上调用 save 方法时。

在示例代码中，您将模型添加到 AddressBook 集合中，但这不会触发对 sync 的调用。如果您从 handleNewContact 调用 this.addressBook.create(newContact)，该项目将显示在 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
});

我在阅读代码时清理了代码中的一些其他小问题，所以如果这仍然失败，请告诉我。我可以发送拉取请求或其他东西。