Aurelia:尝试使用单个数组生成2个HTML列
我在计算如何从单个数组中生成两个相等的列(如果数组长度为奇数,则不会完全相等)时遇到了一个问题Aurelia:尝试使用单个数组生成2个HTML列,html,multiple-columns,aurelia,repeater,Html,Multiple Columns,Aurelia,Repeater,我在计算如何从单个数组中生成两个相等的列(如果数组长度为奇数,则不会完全相等)时遇到了一个问题 所以,把它们分为两列。这不是奥雷莉亚特有的问题,但我猜接下来的问题是 如果数组长度为奇数,将不完全相等 这告诉我你想要这个: [1,2,3,4,5,6] 把它变成这样: [[1,2],[3,4],[5,6] 如果要在中继器中执行此操作,请尝试以下操作: export class PairValueConverter { fromView(input) { return inpu
所以,把它们分为两列。这不是奥雷莉亚特有的问题,但我猜接下来的问题是 如果数组长度为奇数,
将不完全相等
这告诉我你想要这个:
[1,2,3,4,5,6]
把它变成这样:
[[1,2],[3,4],[5,6]
如果要在中继器中执行此操作,请尝试以下操作:
export class PairValueConverter {
fromView(input) {
return input.reduce((res, cur, i, arr) {
if (i % 2 === 0) res.push(arr.slice(i, i + 2));
return res;
}, []);
}
}
然后在html中:
<div repeat.for="item of items | pair">${item[0]} - ${item[1]}</div>
${item[0]}-${item[1]}
不过,如果你在问题上投入更多的精力,展示你已经尝试过的东西,等等,那就更好了。有人可能会因为回答这个问题而评判我:)如果你能举例说明你想做什么,人们会更容易帮助你。您可以克隆它来创建它