mustache Handlebars.js 部分获取列表中的所有对象
mustache Handlebars.js partial get all objects in list
我有一个对象列表(这个列表结构需要保持不变)
我想将所有数据传递给 html 部分,例如 title
intro
,其余来自 ranges
我的 html 部分是
{{> range-list range-list-page.ranges}}
我需要从对象列表(范围)中获取所有数据,如果我删除 bigbob2
和 bigbob3
就可以了,但是我需要它们调用 bigbob2
bigbob3
稍后在不同的部分。
当我把偏音改成
{{> range-list range-list-page.ranges.bigbob2}}
我按预期获取了 bigbob2
的数据,但是我需要从 bigbob2
和 bigbob3
获取数据,我该怎么做?
所以我只需要调用 bigbob2
和 bigbob3
。例如。
{{> range-list range-list-page.ranges.bigbob2,bigbob3}}
我的json数组
"ranges": {
"bigbob": [
{
"title": "brain patter",
"intro": "fghtfhthd ",
"slider": {
"slides": [
"//train-pool.jpg"
],
"thumbnails": [
"//train-blue.jpg"
]
},
"price": "xxx",
"promo": [
"xxx"
],
"colors": [
{
"color": "#FFFFFF",
"label": "Ice",
"bordered": true,
"href": "/jjhj.html"
},
{
"color": "#A1ABAA",
"label": "Azure",
"href": "/kkkkjjj.html"
},
{
"color": "#726B65",
"label": "Graphite",
"href": "/ppp.html"
}
]
}
],
"bigbob2": [
{
"title": "hill",
"intro": "ojhuohiuphipj.",
"slider": {
"slides": [
"//image/two.jpg"
],
"thumbnails": [
"//my-image-bee.jpg"
]
},
"price": "xxx",
"promo": [
""
],
"colors": [
{
"color": "#f4eef0",
"label": "grey",
"href": "/gg.html"
},
{
"color": "#d8d7d5",
"label": "blue",
"href": "/tt.html"
}
]
}
]
},
您可以使用 withBefore
车把助手。
{{#withBefore range-list-page.ranges 3}}
{{>range-list this}}
{{/withBefore}}
另外,如果你想对数组中的每一对使用部分,你可以使用 withGroup
车把助手。像这样:
{{#withGroup range-list-page.ranges 2}}
{{#each this}}
{{>range-list .}}
{{each}}
{{/withGroup}}
我有一个对象列表(这个列表结构需要保持不变)
我想将所有数据传递给 html 部分,例如 title
intro
,其余来自 ranges
我的 html 部分是
{{> range-list range-list-page.ranges}}
我需要从对象列表(范围)中获取所有数据,如果我删除 bigbob2
和 bigbob3
就可以了,但是我需要它们调用 bigbob2
bigbob3
稍后在不同的部分。
当我把偏音改成
{{> range-list range-list-page.ranges.bigbob2}}
我按预期获取了 bigbob2
的数据,但是我需要从 bigbob2
和 bigbob3
获取数据,我该怎么做?
所以我只需要调用 bigbob2
和 bigbob3
。例如。
{{> range-list range-list-page.ranges.bigbob2,bigbob3}}
我的json数组
"ranges": {
"bigbob": [
{
"title": "brain patter",
"intro": "fghtfhthd ",
"slider": {
"slides": [
"//train-pool.jpg"
],
"thumbnails": [
"//train-blue.jpg"
]
},
"price": "xxx",
"promo": [
"xxx"
],
"colors": [
{
"color": "#FFFFFF",
"label": "Ice",
"bordered": true,
"href": "/jjhj.html"
},
{
"color": "#A1ABAA",
"label": "Azure",
"href": "/kkkkjjj.html"
},
{
"color": "#726B65",
"label": "Graphite",
"href": "/ppp.html"
}
]
}
],
"bigbob2": [
{
"title": "hill",
"intro": "ojhuohiuphipj.",
"slider": {
"slides": [
"//image/two.jpg"
],
"thumbnails": [
"//my-image-bee.jpg"
]
},
"price": "xxx",
"promo": [
""
],
"colors": [
{
"color": "#f4eef0",
"label": "grey",
"href": "/gg.html"
},
{
"color": "#d8d7d5",
"label": "blue",
"href": "/tt.html"
}
]
}
]
},
您可以使用 withBefore
车把助手。
{{#withBefore range-list-page.ranges 3}}
{{>range-list this}}
{{/withBefore}}
另外,如果你想对数组中的每一对使用部分,你可以使用 withGroup
车把助手。像这样:
{{#withGroup range-list-page.ranges 2}}
{{#each this}}
{{>range-list .}}
{{each}}
{{/withGroup}}