Algolia autoscomplete js with select2

Question

aloglia autocomplete.js를 사용하고 있습니다. 다른 사람이 자동 완성 텍스트 상자를 사용하고 싶습니다. select2. 내가 사라 어디 그 자동 완성 상자 자동 완성 옆에 클릭하고 내가 전에 입력 한 것만 보여 주었다 때

var client = algoliasearch('YourApplicationID','YourSearchOnlyAPIKey') 
var index = client.initIndex('YourIndex'); 
autocomplete('#search-input', { hint: false }, [ 
{ 
    source: autocomplete.sources.hits(index, { hitsPerPage: 5 }), 
    displayKey: 'my_attribute', 
    templates: { 
    suggestion: function(suggestion) { 
     return suggestion._highlightResult.my_attribute.value; 
    } 
    } 
} 
]).on('autocomplete:selected', function(event, suggestion, dataset) { 
console.log(suggestion, dataset); 
$("#search-input").val(suggestion.full_name.name) 
}); 

문제입니다.

나는 그것을 원하지 않습니다. 어떻게 구현할 수 있습니까? 도와 줘서 고맙다.

자세한 문제는 아래 예제를 참조하십시오.

자동 완성 입력 필드 1 개, 선택 2 상자 2 개 및 제출 버튼 1 개가있는 간단한 양식이 있다고 가정하십시오. 자동 완성을 선택하면 아무 곳이나 클릭하면 기본 텍스트로 변경됩니다. 제 말은, "피자"를 넣으면 "피자"입니다. 따라서 피자를 선택하면 "피자"가 표시됩니다. 그런 다음 하나의 select2 상자를 선택하거나 아무 곳이나 클릭하십시오. 자동 완성 입력 필드가 다시 "piz"로 변경되었습니다.

입력 필드를 설정하기 위해 자동 완성 : 닫음, $ ("# search-input"). focusout을 시도했지만 방금 다시 내 쿼리로 변경했습니다.

autocomplete('#search-input', { hint: false, debug: true }, [ /* ... */ ]); 

complete options list는 GitHub에 볼 수 있습니다 : 사라지는 것을 방지하기 위해

Answer 1

이제 알겠습니다. 선택 만하고 작업을 수행하지 않으려면 자동 완성 :을 선택하여 안전하게 제거 할 수 있습니다. 표시 키이 값 이 아니며 개체인지 확인하십시오.

내게 문제가되지 않습니다.

Answer 2

, 당신은 autocomplete.js의 debug 옵션을 사용할 수 있습니다.