任何模板都支持使用backbone.js进行双向绑定吗？

Question

此时我一直在使用underscore.js模板将我的backbone.js模型加载到DOM中.

当我需要保存用户所做的更改时,我已经使用普通的jQuery调用获取了表单的值.

是否有一个模板引擎将双向绑定模板与backbone.js模型？

例如,如果我的模板具有以下内容:

<input id="name" type="text" val="<%= Name %>" />

当用户更改输入中的文本时,它会自动更改backbone.js模型中的文本,以便我可以跳过此步骤吗？

Save: function() {
    var name = $('#name').val();
    this.model.set({ Name: name });
    this.model.save();
}

我遇到的问题是我的Save方法中有很多杂乱,因为我必须遍历所有项目并获取它们的ID,以便我可以设置它们.当我有相当复杂的html模板时,它变得特别混乱.

Answer 1

是的,有两个很棒的Backbone扩展用于双向绑定:

• Backbone Stickit(推荐):http://nytimes.github.io/backbone.stickit/
• Backbone ModelBinder:https://github.com/theironcook/Backbone.ModelBinder

Modelbinder的最大优点是,如果你想在绑定的同时进行自动验证,它可以很好地与Backbone.Validations集成.

Answer 2

我不知道有任何模板引擎可以做到这一点，但是KnockBack项目结合了 Backbone 和 KnockOut，它确实具有 2 路绑定。