Javascript 在集合上迭代的铆钉.js

Javascript 在集合上迭代的铆钉.js,javascript,data-binding,rivets.js,Javascript,Data Binding,Rivets.js,我试图在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>

我试图在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>

我已经为这个问题创建了一个解决方案。我遗漏了什么?

我的错-铆钉.js文档的第一段让我使用了错误的铆钉.js属性名称(
data-
而不是
rv-

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