Question

我正在尝试实现自动完成组件。我有一个带过滤器集的模板：

<template id="resultList" is="dom-repeat" items="{{choices}}" filter="_listFilter">
    <paper-item>
        <paper-button on-tap="_selectItem">{{item}}</paper-button>
    </paper-item>
</template>

过滤功能：

_listFilter: function(item) {
    return item.toLowerCase().includes(
        this.value.toLowerCase()
    );
 },

所以我们假设“选择”列表设置为['ABC', 'ADE', 'BCD']。现在，如果我输入A，过滤器就会生效，并在下拉列表中向我显示ABC和ADE。但是，当我进一步输入B（字符串现在是AB）时，我希望现在只能在下拉列表中看到ABC，但我仍然会看到ABC和ADE。本质上，过滤器仅在第一个输入上运行。

如何让它发挥作用？

Answer 1

这正是我所寻找的： https://jcrowther.io/2015/06/09/polymer-dom-repeat-filtering-and-sorting/

dom-repeat中的过滤器只调用一次

1 个答案: