Mein Ziel: Um in der Lage sein die automatische Vervollständigung mit mehreren Werten von einer entfernten Quelle zu bekommenautomatische Vervollständigung mit mehreren Werten Datenfern mit
Mein Stack: AngularJS für Front-End, Awesomplete und Knoten für Backend
kann ich die Beispiele in der Awesomplete Dokumentation finden:
- zur automatischen Vervollständigung Multiple-Wert basiert auf einer lokalen Datenliste
- die Daten von Remote-URL abrufen und verwenden es ist Antwort für Auto-complete
Mein Problem: ich sie nicht scheinen, zu kombinieren beides zu tun.
Von der awesomplete Dokumentation:
Mehrwert Auto-complete:
<input data-list="CSS, JavaScript, HTML, SVG, ARIA, MathML" data-multiple />
new Awesomplete('input[data-multiple]', {
filter: function(text, input) {
return Awesomplete.FILTER_CONTAINS(text, input.match(/[^,]*$/)[0]);
},
replace: function(text) {
var before = this.input.value.match(/^.+,\s*|/)[0];
this.input.value = before + text + ", ";
}
})
Und Ajax Beispiel:
var ajax = new XMLHttpRequest();
ajax.open("GET", "https://restcountries.eu/rest/v1/lang/fr", true);
ajax.onload = function() {
var list = JSON.parse(ajax.responseText).map(function(i) { return i.name; });
new Awesomplete(document.querySelector("#ajax-example input"),{ list: list });
};
ajax.send();
Was ich bin, nachdem sie in der Lage sein wird Ich habe mehrere Keywords mit Autovervollständigung, aber basierend auf einer Remote-Antwort, die ich kämpfe zu tun. Ich bin hauptsächlich ein Back-End-Entwickler und daher ist mein Verständnis des Front-Ends nicht sehr groß, wie Sie bereits erraten können.
Vielen Dank im Voraus