Mustache.js / Hogan.js 与 Backbone.js

Question

我正在尝试使用backbone.js 实现一些代码
和 hogan.js (http://twitter.github.com/hogan.js/)

Hogan.js 是针对 Mustache 测试套件开发的，
因此，对于模板来说，所有适用的内容都是
此处指定的 hogan.js 也是如此。

我的问题是将 Backbone.Collection 传递给 Hogan/Mustache。

对于像这样的简单模板：

{{name}}

Hogan/Mustache 期望这样的东西可以正常工作：

{"name":"How Bizarre","artist":"OMC"}

但是我的 Backbone.Collection 是：

a)
[{"name":"How Bizarre","artist":"OMC"}]

或者这个：

b) [{"name":"How Bizarre","artist":"OMC"}, {"name":"性治疗","artist":"Marvin Gaye"}]

来自演示页面 http://mustache.github.com/#demo 我不能
迭代 a) 或 b) Backbone.Collection 对象。

谁能指出我该怎么做？

var Song = Backbone.Model.extend({
defaults: {
name: "Not specified",
artist: "Not specified"
}
});

var Album = Backbone.Collection.extend({
model: Song
});

var song1 = new Song({ name: "How Bizarre", artist: "OMC" });
var song2 = new Song({ name: "Sexual Healing", artist: "Marvin Gaye" });

var myAlbum = new Album;

myAlbum.add(song1);
myAlbum.add(song2);

我正在尝试通过传递我的 Backbone.Colleciton 进行渲染 像这样的对象： myAlbum.toJSON()

var template = "{{name}}!";

var template = Hogan.compile(template);

this.el.html(template.render(myAlbum.toJSON()));

谢谢。

Answer 1

看起来您正在将一个 Collection 而不是单个模型传递给 Hogan。

试试这个：

_.each(myAlbum,function(album) {
    this.el.append(template.render(album.toJSON()));
});

Answer 2

我在 Backbone 集合上使用 Hogan 模板时遇到了同样的困境。

var o = {},
c = Album.toJSON();
o.data = c;
this.$el.html(template.render(o));

在我的模板中，我引用 {{#data}} {{/data}} 来迭代集合。

Answer 3

我覆盖了骨干渲染调用，

Backbone.Marionette.Renderer.render = (template, data) ->
  HoganTemplates[template].render data

与木偶配合得很好。不过，backbone.forms 有问题。