javascript - 从 dom-repeat items 计算方法访问元素范围

标签 javascript polymer polymer-1.0

如何在 dom-repeater 调用的方法中访问元素范围 (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)]]">

关于javascript - 从 dom-repeat items 计算方法访问元素范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49207694/

相关文章:

javascript - 为什么这个 for 循环不起作用?

html - 在 GitHub 上发布具有多个子组件的 Polymer 组件

javascript - 可以看到元素的宽度,但仍然为 0

function - 就绪功能togglePanel()不工作

javascript - 如何使用 ES6 将 javascript 函数导入 Polymer 1.0 组件?

pie-chart - Polymer 1.0 有现成的图表元素吗?

javascript - WebComponentsReady 在 safari 中触发得太快?

javascript - 如何在 JS/TS 函数式编程中使用箭头函数作为属性

javascript - knockout 的交叉更新问题

javascript - 替换输入元素仅在 Chrome 中引发 onchange 事件