Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/rust/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HAML中主干上JSON对象的访问逻辑_Javascript_Json_Backbone.js_Haml - Fatal编程技术网

Javascript HAML中主干上JSON对象的访问逻辑

Javascript HAML中主干上JSON对象的访问逻辑,javascript,json,backbone.js,haml,Javascript,Json,Backbone.js,Haml,我想在HAML中循环一个主干生成的JSON对象 我的看法如下: render: function() { this.$el.html(this.template( this.model.toJSON() )) return this; } this.model.toJSON()具有以下值: Object {name: "E", data_set: "[{"value":"g"},{"value":"b"}]"} 我的HAML模板如下所示: %script#template{"typ

我想在HAML中循环一个主干生成的JSON对象

我的看法如下:

render: function() {
  this.$el.html(this.template( this.model.toJSON() ))
  return this;
}
this.model.toJSON()具有以下值:

Object {name: "E", data_set: "[{"value":"g"},{"value":"b"}]"} 
我的HAML模板如下所示:

%script#template{"type" => "text/template"}
  %div.chord
    %span <%= data_set %>
%script#模板{“type”=>“text/template”}
%和弦
%跨度
如何实现对数据集的迭代,以便访问两个值“g”和“b”,并在模板中显示它们


非常感谢您的帮助。

在您的视图中,您的模板属性将引用一个JavaScript函数,该函数将编译您的HAML模板

var x=Backbone.View.extend({

template:Haml($(“#TemplateName”).html(),//Thx作为答案,我最终使用了客户端Haml。
var x = Backbone.View.extend({
   template: Haml($("#TemplateName").html()), // <-- 
   render: function() {
     // now render your template out
   }
});