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-)。