javascript - 使用 Rivet.js 和 Coffeescript 迭代选定字段的模型

Question

我正在尝试使用自举数据填充带有选项的选择字段。将我的模型数组绑定(bind)到 jQuery 选择对象时遇到问题...

HTML

<select data-each-project="projects" id="project-selection">
    <option data-value="project:description"></option>
</select>

绑定(bind)

project_array = new Array()

_.each projects, (project) ->
    projects_array.push project

rivets.bind @el.select, projects:projects_array

结果

我收到一个错误，指出该对象没有 .on 方法 -> 它没有，因为它是一个模型数组，而不是它自己的模型...

这到底应该怎么做？谢谢!

Answer 1

当您订阅一个迭代时，绑定(bind)铆钉会做两件事:

1. 订阅整个数组，因此如果它发生变化，它将重新运行迭代
2. 订阅数组中所有需要绑定(bind)的 child

Rivets 没有订阅您的 child ，因为您没有使用任何需要它的绑定(bind)。

project:description = 非订阅绑定(bind)

project.description = 订阅绑定(bind)

如果您不想订阅数组更改(我认为这就是您的要求)，您可以执行 data-each-project=":projects"