Angular Material Autocomplete unendliche Scroll mit $ http Anfrage

8

Unterstützt Autocomplete das unendliche Scrollen von einer entfernten Quelle? Das Szenario ist so. Der Benutzer tippt wenige Buchstaben, die Autocomplete filtert das Ergebnis heraus. Dennoch ist das Ergebnis zu groß, um in den Ergebnisbereich zu passen. Der Benutzer möchte das "zurückgegebene Ergebnis" scrollen. Ich finde dieses Szenario sehr geradlinig, habe aber online nichts gefunden.

Bitte beraten.

    
Jalal El-Shaer 01.12.2016, 13:24
quelle

1 Antwort

9

Ich denke, wir müssen mit benutzerdefinierten Anweisungen für Ihre Anforderung gehen.

Ich habe eine Direktive erstellt, die scroll-Ereignis auf "md-virtual-repeat-container" bindet, das die Elementliste nach dem Rendern enthält.

JS

Ihre Anweisung wird wie folgt sein. Zweck dieser Direktive ist scroll ereignis und call attached function, wenn der Benutzer am Ende von scroll erreichen. Bedingung "new Date (). GetTime () - jetzt & gt; 100" wird als ein Drosselklappen-API-Aufruf fungieren. Sie können die Drosselungsdauer von 100 Millisekunden auf beliebige Millisekunden ändern, wenn Sie Ihre API-Aufrufe zwischen 100 Millisekunden Benutzeraktion begrenzen möchten.

%Vor%

HTML Dein HTML wird wie folgt aussehen,

%Vor%

Hier ist DEMO

* Bitte beachten Sie, dass derzeit dieselben Daten an meine Datensatzgruppe angehängt werden, weil ich keine tatsächliche API habe. Sie können jedoch Ihre API erweitern, um seitenbezogene Datensätze basierend auf dem gesuchten Text zu erhalten. Siehe Ссылка ODER Ссылка

    
user3249448 07.12.2016, 21:05
quelle