在HAML中从Backbone访问JSON-Object上的逻辑

时间:2013-03-18 10:37:37

标签: javascript json backbone.js haml

我想在HAML中循环生成骨干生成的JSON-Object

我的视图呈现如下:

render: function() {
  this.$el.html(this.template( this.model.toJSON() ))
  return this;
}

this.model.toJSON()有valeu:

Object {name: "E", data_set: "[{"value":"g"},{"value":"b"}]"} 

我的HAML模板看起来像这样:

%script#template{"type" => "text/template"}
  %div.chord
    %span <%= data_set %>

如何迭代数据集,以便访问两个值“g”和“b”并在模板中显示它们。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

在您的视图中,您的模板属性将引用将编译HAML模板的JavaScript函数。 Refer to this site for a HAML to JavaScript function compiler

var x = Backbone.View.extend({
   template: Haml($("#TemplateName").html()), // <-- 
   render: function() {
     // now render your template out
   }
});

希望这适合你。我还没有测试过代码,但是当你想要改变模板引擎时,这个概念在Backbone中是通用的。似乎还有一些其他的HAML到JavaScript项目,你可以看一下。