从 dom-repeat items 计算方法访问元素范围
Access element scope from dom-repeat items compute method
如何在 dom-repeater 调用 return 项的方法中访问元素范围 (this
)?
看看这个例子:
<dom-module id="demo-element">
<template>
<template is="dom-repeat" items="[[getItems()]]">
<div>[[item]]</div>
</template>
</template>
<script th:inline="javascript">
Polymer({
is : "demo-element",
properties: {
begin: { type: Number, value: 9 }
},
getItems: function() {
console.log(this.begin); // <- logs "undefined"
return [0,1,2,3,4];
}
});
</script>
</dom-module>
this.begin
无法从 getItems()
.
内部访问
解决方案是像这样列出您需要访问的属性:
<template is="dom-repeat" items="[[getItems(begin)]]">
如何在 dom-repeater 调用 return 项的方法中访问元素范围 (this
)?
看看这个例子:
<dom-module id="demo-element">
<template>
<template is="dom-repeat" items="[[getItems()]]">
<div>[[item]]</div>
</template>
</template>
<script th:inline="javascript">
Polymer({
is : "demo-element",
properties: {
begin: { type: Number, value: 9 }
},
getItems: function() {
console.log(this.begin); // <- logs "undefined"
return [0,1,2,3,4];
}
});
</script>
</dom-module>
this.begin
无法从 getItems()
.
解决方案是像这样列出您需要访问的属性:
<template is="dom-repeat" items="[[getItems(begin)]]">