使用Backbone.js和Rivets.js的简单示例

Question

我正在寻找一个非常简单的例子，例如，使用Backbone.js和Rivets.js在span文本和input元素之间进行双向绑定。也许在Rivets.js文档中有一个，但我找不到。有什么需要帮忙的吗？

Answer 1

假设您指的是输入元素上的双向绑定(模型到视图和视图到模型)和span元素上的单向绑定(模型到视图)，那么下面的视图将执行您所描述的操作。

<div id="user-view">
  <span>{ user:name }</span>
  <input rv-value="user:name">
</div>

演示实际操作的Here is a fiddle。它在:界面上包含了一个主干适配器，并展示了如何将模型绑定到视图(这只是主页上已经显示的内容的一个更小的示例)。

Answer 2

我建议您使用：https://github.com/theironcook/Backbone.ModelBinder，它可以满足所有视图和模型的需求之间的双向绑定。

这就是我所做的嵌套视图绑定示例：http://files.cnblogs.com/justinw/Nested_Model_bi_Binding.zip