我需要与车把JSON对象的阵列,以模板:(由铬控制台)[对象,对象,对象,对象]其中每个对象通过该属性组成:姓名,ECC。
我明白这是不可能把对象的数组中的车把,但我们必须用数组中的所有对象的所有属性创建一个唯一的对象。 任何人都可以建议我一个函数来创建它
我需要与车把JSON对象的阵列,以模板:(由铬控制台)[对象,对象,对象,对象]其中每个对象通过该属性组成:姓名,ECC。
我明白这是不可能把对象的数组中的车把,但我们必须用数组中的所有对象的所有属性创建一个唯一的对象。 任何人都可以建议我一个函数来创建它
调用模板时,你可以设置你的阵列作为包装对象的属性。
例如,使用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>