Polymer 无阵列的聚合dom重复
我可以在没有数组的情况下使用聚合dom重复模板吗?Polymer 无阵列的聚合dom重复,polymer,polymer-1.0,Polymer,Polymer 1.0,我可以在没有数组的情况下使用聚合dom重复模板吗? 例如,我想渲染一些代码20次 <template is="dom-repeat" items="[[itemCounter]]"> <div>Whatever</div> </template> 无论什么 这将使无论什么渲染20次,但要实现这一点,我必须在components属性中创建一个长度为20的数组“itemCounter”,其唯一目的是在其上循环 我想知道这样
例如,我想渲染一些代码20次
<template is="dom-repeat" items="[[itemCounter]]">
<div>Whatever</div>
</template>
无论什么
这将使无论什么
渲染20次,但要实现这一点,我必须在components属性中创建一个长度为20的数组“itemCounter”,其唯一目的是在其上循环
我想知道这样的事情是否可能,所以我不需要创建数组
<template is="dom-repeat" times="20">
<div>Whatever</div>
</template>
无论什么
不,正常的dom repeat
无法做到这一点,但我编写了一个组件,它完全做到了这一点:
在Polymer github存储库中也有关于此功能的讨论,您可以在这里找到:您可以进行这样的混乱破解 属性:
totalNo: {
type: Number,
value: 20
},
_arrayContainer: {
type: Array ,
value: [],
computed: '_numberToArray(totalNo)'
}
_numberToArray: function(totalNo) {
var array = [], i;
for (i = 0; i < totalNo; ++i) {
array.push(i);
};
return array;
},
<template is="dom-repeat" items="[[_arrayContainer]]">
<div>Whatever</div>
</template>
方法:
totalNo: {
type: Number,
value: 20
},
_arrayContainer: {
type: Array ,
value: [],
computed: '_numberToArray(totalNo)'
}
_numberToArray: function(totalNo) {
var array = [], i;
for (i = 0; i < totalNo; ++i) {
array.push(i);
};
return array;
},
<template is="dom-repeat" items="[[_arrayContainer]]">
<div>Whatever</div>
</template>
\u numberToArray:函数(totalNo){
var数组=[],i;
对于(i=0;i
HTML:
totalNo: {
type: Number,
value: 20
},
_arrayContainer: {
type: Array ,
value: [],
computed: '_numberToArray(totalNo)'
}
_numberToArray: function(totalNo) {
var array = [], i;
for (i = 0; i < totalNo; ++i) {
array.push(i);
};
return array;
},
<template is="dom-repeat" items="[[_arrayContainer]]">
<div>Whatever</div>
</template>
无论什么
但我不确定您是否真的想这样做。Thnx Pascal,我有点怀疑dom repeat没有提供此选项,我将查看您的组件。