在 Polymer 中，如何使用带有值和删除自身的按钮的

Question

我过去常常在纸卡上显示数组中的每个对象。但我也希望能够在每个对象旁边都有一个纸按钮，一旦你按下它就从数组中删除该对象。（这一切都在自定义元素中）我无法使用以下代码实现这一点：

我的元素.js：

<template is="dom-repeat" items="{{items}}" as="item">

    <paper-card>

        <div>Item [[item.number]]

        <paper-button on-click="deleteItem">delete</paper-button></div>

    </paper-card>

</template>

deleteItem(o) {

    const item = o.model.item;

    this.tafels = this.tafels.filter(function(e) {

        return e !== item;

    });

}

我也试过使用这样的匿名内联函数：

<template is="dom-repeat" items="{{items}}" as="item">

    <paper-card>

        <div>Item [[item.number]]

        <paper-button on-click="(function(){console.log('deleted')})();">delete</paper-button></div>

    </paper-card>

</template>

但这也不起作用。我做错了什么还是这些不是实现我正在寻找的有效选项？