Javascript 在HandlebarsJS中显示多个阵列

Javascript 在HandlebarsJS中显示多个阵列,javascript,html,arrays,json,handlebars.js,Javascript,Html,Arrays,Json,Handlebars.js,我第一次使用HandlebarsJS,我希望在其中使用多个阵列。这可能吗 我已经设置了一个Codepen模板,但是我很难实现来自2个数组和一个外部URL的数据。我也在MustacheJS上尝试过,但我相信它只允许一个数组,不允许过滤-不像手柄 这是你的电话号码 和 {{content}} var data={“content”:“你好,世界!”}; var source=$(“#myTemplate”).html(); var template=handlebar.compile(源代码);

我第一次使用HandlebarsJS,我希望在其中使用多个阵列。这可能吗

我已经设置了一个Codepen模板,但是我很难实现来自2个数组和一个外部URL的数据。我也在MustacheJS上尝试过,但我相信它只允许一个数组,不允许过滤-不像手柄

这是你的电话号码 和


{{content}}
var data={“content”:“你好,世界!”};
var source=$(“#myTemplate”).html();
var template=handlebar.compile(源代码);
var html=模板(数据);
$(“#contentArea”).text(html);

但目前无法集成JSON数组

可以使用
{{{each}
块帮助器。我还注册了自己的助手
{{{s}}
,它只返回它的参数
JSON.stringify()
'ied,这样我就可以打印那些数组了。如何获取它们是另一个问题,为了简单起见,我将它们复制并粘贴到代码的Javascript部分。此外,这里还有:

var data={“content”:“你好,世界!”,“multiplearlays”:[
[
{
“productimage”:https://c.static-nike.com/a/images/t_PDP_864_v1/f_auto/i0lfddlghaiwfqlvlqay/air-vortex-shoe-fmq6pS.jpg",
“产品URL”:https://www.nike.com/gb/t/air-vortex-shoe-fmq6pS"
},
{
“productimage”:https://c.static-nike.com/a/images/t_PDP_864_v1/f_auto/cmuof8adhfipkvd0f43r/air-max-95-shoe-XPTbV2mM.jpg",
“产品URL”:https://www.nike.com/gb/t/air-max-95-shoe-XPTbV2mM"
}
],
[
{
“sitename”:“Nike”,
“sitetitle”:“Nike.Just Do It..Nike.com”,
“站点URL”:https://www.nike.com/gb/en_gb/"
}
]
]};
把手.注册表帮助器('s',功能(arg){
返回JSON.stringify(arg);
})
var source=$(“#myTemplate”).html();
var template=handlebar.compile(源代码);
var html=模板(数据);
$(“#contentArea”).html(html)

内容:{{Content}

字符串化多个阵列: {{{s multiplearlays}}}
{{#每多天一次} 项目{{@index} {{{{s this}}}

{{/每个}}
这看起来不错,可以通过链接到JSON url源(myjson)来实现。作为feed,我无法编辑JSON的输出。因此,这就是我们正在处理的问题。我假设我可以将元素输出到标记和每个下的标记中,以便正确输出。是否值得切换到角度或其他方式,以便能够对多个数组执行此操作?在下划线允许合并数组的位置找到此项,但不确定它是否可以与把手一起使用
<!-- REQUIRED - Display site name, url and title in top section. With product data below using the "other array-->
<script id="myTemplate" type="text/x-handlebars-template">
{{content}}
</script>

<div id="contentArea"></div>

<script>
var data     = {"content": "Hello, World!"};
var source   = $("#myTemplate").html();
var template = Handlebars.compile(source);
var html     = template(data);
$("#contentArea").text(html);
</script>