javascript - 如何在backbone.js中实现双向HTML绑定？

Question

我花了很多时间研究 JS 框架，我觉得backbone.js 是我需要的最好的。唯一的问题是严重缺乏任何模板。它说它可以通过第三方加载项对其开放，但我无法开始使用。我希望模型中的数据能够订阅。

这是我的模型和收藏：

window.colorItem = Backbone.Model.extend({
});

window.colorLibrary = Backbone.Collection.extend({
    model: colorItem
});

var colors = new colorLibrary(
    [
        {"unique_id":"1000","user_id":"1","color":"#66bf1c","note":"Enter a note!"},
        {"unique_id":"1001","user_id":"1","color":"#332c5d","note":"Enter a note!"}
    ]
);

我怎么能简单地将这个模型附加到带有主干.js 的 DOM 上？

Answer 1

您应该创建一个主视图，以您想要的方式显示模型信息。您将需要传递要在视图中显示或实例化的集合。之后，您必须从集合中获取每个模型以在页面上显示它们。您可以使用 jquery 并将其附加到您需要的对象上，或者这是我建议的，您可以为每个模型创建一个新视图。这样您就可以使用事件单独控制每个模型。