Polymer 聚合物:如何重复下拉项
我正在使用聚合物纸下拉菜单 我需要显示数字1到5的下拉列表。最简单的方法是Polymer 聚合物:如何重复下拉项,polymer,paper-elements,Polymer,Paper Elements,我正在使用聚合物纸下拉菜单 我需要显示数字1到5的下拉列表。最简单的方法是 <paper-dropdown-menu label="Numbers" > <paper-dropdown class="dropdown"> <core-menu class="menu"> <paper-item>1</paper-item> <paper-item>2</paper-item&
<paper-dropdown-menu label="Numbers" >
<paper-dropdown class="dropdown">
<core-menu class="menu">
<paper-item>1</paper-item>
<paper-item>2</paper-item>
<paper-item>3</paper-item>
<paper-item>4</paper-item>
<paper-item>5</paper-item>
</core-menu>
</paper-dropdown>
1.
2.
3.
4.
5.
使用
比如:
<template repeat="{{ i in [0:25] }}">
<paper-item>i</paper-item>
</template>
我
如评论中所述,polymer提供的演示中有一个示例。
带边距
{{name}}
范围.国家=[
{名称:'Afghanistan',代码:'AF'},
{名称:'Åland Islands',代码:'AX'}
];
您可以使用“range”函数生成数组,然后在已发布的方法中使用该数组
那看起来像
<paper-dropdown-menu label="Numbers" >
<paper-dropdown class="dropdown">
<core-menu class="menu">
<template repeat="{{range}}">
<paper-item>{{}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
希望这有帮助。很抱歉,昨天我发送最后一封回复时,我正在上班
编辑:plunker上的一个例子,这是一般的想法。我不确定{{i in[0:25]}},但其他一切看起来都不错。是的,我确定语法不会是{{i in[0:25]}。那更像是蟒蛇。但是我不知道得到这个doneSorry的确切语法,我现在没有时间留下一个实际的答案。但是纸张的演示下拉菜单有你想要的。但是这需要一个数组。为此,我必须创建一个数组,其中的项为[1,2,3,4,…25]。有没有一种方法可以直接告诉模板要重复多少次,而不是在数组itemsThanks上循环。这很有效。我希望Polymer有一个内置的支持,可以在模板中的数字范围内重复,而不是只支持数组。到那时,这将为我们完成工作
<paper-dropdown-menu label="Numbers" >
<paper-dropdown class="dropdown">
<core-menu class="menu">
<template repeat="{{range}}">
<paper-item>{{}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
var range = function(begin, end) {
if (typeof end === "undefined") {
end = begin; begin = 0;
}
var result = [], modifier = end > begin ? 1 : -1;
for ( var i = 0; i <= Math.abs(end - begin); i++ ) {
result.push(begin + i * modifier);
}
return result;
}
this.range = range(1,25);