Rivets.js迭代集合

Question

我正在尝试按照documentation中的描述在Rivets.js中执行迭代绑定。但似乎没有发生任何约束。

模板定义如下：

<section id="rivets">
  <ul>
    <li data-each-todo="list.todos">
      <input type="checkbox" data-checked="todo.done">
      <span data-text="todo.summary"></span>
    </li>
  <ul>
</section>

通过以下方式执行绑定：

var model = {
  list: {
    todos: [
      { done: true, summary: "Todo 1" },
      { done: false, summary: "Todo 2" }
    ]
  }
}
rivets.bind(document.getElementById('rivets'), model)

我为此问题创建了fiddle。我错过了什么？

Answer 1

我的不好--Rivets.js文档的第一段让我使用了错误的Rivets.js属性名称（data-而不是rv-）。