Arrays 当使用数组时,如何为polymer中的纸张下拉菜单中的纸张项目指定值?
我想给纸张项目赋值,如下所示Arrays 当使用数组时,如何为polymer中的纸张下拉菜单中的纸张项目指定值?,arrays,combobox,polymer,Arrays,Combobox,Polymer,我想给纸张项目赋值,如下所示 <paper-item value="1">label1</paper-item> <paper-item value="2">label2</paper-item> <paper-item value="3">label3</paper-item> label1 标签2 标签3 但我使用数组以这种方式动态获取标签 <paper-dropdown class="dropdown"
<paper-item value="1">label1</paper-item>
<paper-item value="2">label2</paper-item>
<paper-item value="3">label3</paper-item>
label1
标签2
标签3
但我使用数组以这种方式动态获取标签
<paper-dropdown class="dropdown" on-core-overlay-open="{{comboDrop}}">
<core-menu class="menu">
<template repeat="{{processlist}}">
<paper-item>{{}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
{{}}
稍后当我获得所需的信息时,我会将一个数组分配给processlist。
像
processlist=arr
,它允许我在纸张下拉菜单中显示这些标签
如何为纸张项目指定值,以及如何访问每个标签对应的值?我知道
detail.item.textContent
获取标签,我们如何才能获得类似的值
我对javascript和聚合组件还比较陌生,所以如果能在正确的方向上提供帮助,我将不胜感激
谢谢 重复表达式是一个迭代器,您可以命名索引和值:
<paper-dropdown class="dropdown" on-core-overlay-open="{{comboDrop}}">
<core-menu class="menu">
<template repeat="{{label, i in processlist}}">
<paper-item value="{{i}}>{{label}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
或者,如果您想使用自己的单击处理程序实现自定义组件,那么它非常简单:
在实际项目上,您只需指定一个点击处理程序:
<paper-item value="{{i}}" on-click="{{handleClick}}">{{label}}</paper-item>
希望有帮助
<paper-item value="{{i}}" on-click="{{handleClick}}">{{label}}</paper-item>
Polymer("my-component", {
handleClick: function(e) {
console.log("You clicked the item with value = " + e.target.getAttribute("value"));
}
});