JSON对象的车把阵列(handlebars array of json object)

2019-06-26 11:14发布

我需要与车把JSON对象的阵列,以模板:(由铬控制台)[对象,对象,对象,对象]其中每个对象通过该属性组成:姓名,ECC。

我明白这是不可能把对象的数组中的车把,但我们必须用数组中的所有对象的所有属性创建一个唯一的对象。 任何人都可以建议我一个函数来创建它

Answer 1:

调用模板时,你可以设置你的阵列作为包装对象的属性。

例如,使用objects作为保持属性

var an_array = [
    {name: "My name"},
    {name: "Another name"}
];

var source   = /* a template source*/;
var template = Handlebars.compile(source);
var wrapper  = {objects: an_array};

console.log(template(wrapper));

和如下模板可以使用此属性:

<ul>
    {{#each objects}}
        <li>{{name}}</li>
    {{/each}}
</ul>

和演示http://jsfiddle.net/YuvNY/1/

 var an_array=[ {name:"My name"}, {name:"Another name"}, ]; var source = $("#src").html(); var template = Handlebars.compile(source); $("body").append( template({objects:an_array}) ); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script> <script type='text/template' id='src'> <ul> {{#each objects}} <li>{{name}}</li> {{/each}} </ul> </script> 


或者你可以在阵列直接传递到模板,并调用each设置为背景帮手. (点)

var template = Handlebars.compile(source);
console.log(template(an_array));
<ul>
    {{#each .}}
        <li>{{name}}</li>
    {{/each}}
</ul>

http://jsfiddle.net/nikoshr/YuvNY/32/

 var an_array=[ {name:"My name"}, {name:"Another name"}, ]; var source = $("#src").html(); var template = Handlebars.compile(source); $("body").append( template(an_array) ); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script> <script type='text/template' id='src'> <ul> {{#each .}} <li>{{name}}</li> {{/each}} </ul> </script> 



文章来源: handlebars array of json object