0
자동 완료 구성 요소를 구현하려고합니다.dom-repeat의 필터가 한 번만 호출됩니다.
<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이 모두 표시됩니다. 기본적으로 필터는 첫 번째 입력에서만 실행됩니다.
어떻게 작동합니까?