backbone.js - 使用 Rivets.js 迭代一组 Backbone.js 模型？

Question

我正在使用 Rivets.js对于一个Backbone项目中的两个双向数据绑定(bind)，想实现迭代绑定(bind)。该文档表明迭代绑定(bind)是可能的，但没有可用的示例。我正在使用一个简单的 Rails API 将 JSON 发送到客户端并希望遍历内容。有没有人成功地在 Rivets.js 中使用此功能？

引用资料:Simple Example using Backbone.js and Rivets.js

jsFiddle 在这里:http://jsfiddle.net/rhodee/3qcYQ/1/

来自 Rivets.js 网站

Iteration Binding

Even though a binding routine for each-item will likely be included in Rivets.js, youcan use the data-html binding along with a set of formatters in the interim to dosorting and iterative rendering of collections (amongst other cool things).

<ul data-html="model.tags | sort | tagList"></ul>

Answer 1

扩展这个答案:

As of 0.3.2 there is now a data-each-[item] binding for exactly this purpose.

请注意，您需要专门修改您的 Rivets 适配器 以使用 Backbone Collection，因为 Rivets.js 网站上的开箱即用示例不支持此用途案例。

您的 rivets.configure({ adapter: ... }) 需要这样的东西:

...
read: function( obj, keypath ) {
    return obj instanceof Backbone.Collection 
       ? obj["models"] 
       : obj.get(keypath)
}

还有 JS Fiddle:http://jsfiddle.net/tigertim719/fwhuf/70/

对于奖励积分，模型中嵌入的集合将需要在您的适配器中进行额外处理。

有关更多信息，请查看这篇关于 Rivets.js Github 问题的帖子:
Binding to Backbone.Collection with the data-each- binding