在车把中获取嵌套数组长度?
get nested array lengths in handlebars?
我有以下数组布局:
var indicators =
{
items:
{
array1:[],
array2:[]
}
};
我有以下车把代码来制作模板:
var source =
'{{#items}}' +
'<div class="listItem" onclick="clickListItem({{@index}});">' +
'<div class="leftSide">' +
'<div class="listTitle"> {{SOMETHING MUST GO HERE, RIGHT?}} </div>' +
'</div>' +
'</div>' +
'{{/items}}';
var template = Handlebars.compile(source);
$('.list').html(template(indicators));
正如您可能在这里看到的那样 - 我想创建一个将出现在屏幕上的列表,它只显示指示器(array1 和 array2)内每个数组的长度 - 如何获取每个数组的数据- 我的代码确实遍历了 indicators.items,但我如何获得它们的长度?
你试过吗?获取 items
对象
中每个数组的数据
{{#items}}
{{#array1}}
{{/array1}}
{{#array2}}
{{/array2}}
{{/items}}
你能试试这个吗?..它在你的项目对象中获取数组长度
var arrayLengths = [];
var objects = {
array1: [1,2,3,4,5,12,55],
array2: [1,2,3,4,5,6,7,8],
array3: [1,2,3,4,5,3,4],
array4: [1,2,3,4,5,10,23],
array5: [1,2,3,4,5,440,120]
};
for(var key in objects) {
var value = objects[key].length;
arrayLengths.push(value);
}
console.log(arrayLength);
我有以下数组布局:
var indicators =
{
items:
{
array1:[],
array2:[]
}
};
我有以下车把代码来制作模板:
var source =
'{{#items}}' +
'<div class="listItem" onclick="clickListItem({{@index}});">' +
'<div class="leftSide">' +
'<div class="listTitle"> {{SOMETHING MUST GO HERE, RIGHT?}} </div>' +
'</div>' +
'</div>' +
'{{/items}}';
var template = Handlebars.compile(source);
$('.list').html(template(indicators));
正如您可能在这里看到的那样 - 我想创建一个将出现在屏幕上的列表,它只显示指示器(array1 和 array2)内每个数组的长度 - 如何获取每个数组的数据- 我的代码确实遍历了 indicators.items,但我如何获得它们的长度?
你试过吗?获取 items
对象
{{#items}}
{{#array1}}
{{/array1}}
{{#array2}}
{{/array2}}
{{/items}}
你能试试这个吗?..它在你的项目对象中获取数组长度
var arrayLengths = [];
var objects = {
array1: [1,2,3,4,5,12,55],
array2: [1,2,3,4,5,6,7,8],
array3: [1,2,3,4,5,3,4],
array4: [1,2,3,4,5,10,23],
array5: [1,2,3,4,5,440,120]
};
for(var key in objects) {
var value = objects[key].length;
arrayLengths.push(value);
}
console.log(arrayLength);