eckiges Material md-Autocomplete dynamisches Ladeproblem

8

Ich benutze die Angular Material Komponente "md-autocomplete" in meinem Projekt.

Wir versuchen, die dynamische Antwort, die wir aus dem Ereignisaufruf des Item-Clicks der "md-list" -Komponente erhalten, zu rendern.

Problem: Bevor jedoch der Ereignisaufruf aufgerufen wird, wird die md-autocomplete-Methode aufgerufen.

Meine Anforderung: Gibt es eine Möglichkeit, den Ereignisaufruf vor dem Aufruf der md-autocomplete-Methode aufzurufen.

Hier haben wir Beispielbilder angehängt, die zeigen, was Sie als Ausgabe brauchen.

Ich habe unter dem Code versucht, aber es funktioniert nicht. Ich brauche eine Lösung für das Problem.

HTML-Quellcode:

MD-Listencode

%Vor%

md-Autocomplete-Code:

%Vor%

AngularJS Skriptcode:

%Vor%     
Siva Babu Duduku 31.03.2017, 14:55
quelle

2 Antworten

3

Ich habe deinen Code genommen und eine Plunkr-Demo erstellt. Ich habe es nur an ein paar Stellen verbessert, bitte erkundet den Code in plunkr. Jetzt werden Vorschläge entsprechend dem ausgewählten Objekt geladen.

Ich denke, die Filterlogik war nach dem hier erwähnten Anwendungsfall nicht korrekt, also korrigierte ich die Funktionslogik von createQueryFilterFor. Ich habe auch Änderungen im Abschnitt md-item-template vorgenommen.

%Vor%

siehe Demo

    
Rajkishor Sahu 03.04.2017 11:29
quelle
2
___ tag123angularjs ___ Für Fragen zu AngularJS (1.x), dem Open-Source-JavaScript-Framework. Verwenden Sie dieses Tag NICHT für Angular 2 oder höhere Versionen. Verwenden Sie stattdessen das [eckige] -Tag. ___ antwort43315794 ___

Ich habe einige Probleme in Ihrem Code behoben und das Schweben und Doppelklicken gemäß Ihrem Kommentar in einer anderen Antwort korrigiert.

Hier ist Ihr aktualisierter Code: Ссылка

Hinweis: Um zwischen Controllern zu kommunizieren, ist es besser, einen gemeinsam genutzten Dienst zu verwenden, anstatt Werte für $rootScope :

festzulegen %Vor%

Sie finden hier eine Demo von 2 Controllern, die über einen Dienst kommunizieren: Ссылка

    
___ answer43183489 ___

Ich habe deinen Code genommen und eine Plunkr-Demo erstellt. Ich habe es nur an ein paar Stellen verbessert, bitte erkundet den Code in plunkr. Jetzt werden Vorschläge entsprechend dem ausgewählten Objekt geladen.

Ich denke, die Filterlogik war nach dem hier erwähnten Anwendungsfall nicht korrekt, also korrigierte ich die Funktionslogik von createQueryFilterFor. Ich habe auch Änderungen im Abschnitt %code% vorgenommen.

%Vor%

siehe Demo

    
___ tag123mdautocomplete ___ ist eine spezielle Eingabekomponente mit einem Drop-Down aller möglichen Übereinstimmungen mit einer benutzerdefinierten Abfrage. Mit dieser Komponente können Sie Echtzeitvorschläge bereitstellen, wenn der Benutzer den Eingabebereich eingibt. ___ qstnhdr ___ eckiges Material md-Autocomplete dynamisches Ladeproblem ___ qstntxt ___

Ich benutze die Angular Material Komponente "md-autocomplete" in meinem Projekt.

Wir versuchen, die dynamische Antwort, die wir aus dem Ereignisaufruf des Item-Clicks der "md-list" -Komponente erhalten, zu rendern.

Problem: Bevor jedoch der Ereignisaufruf aufgerufen wird, wird die md-autocomplete-Methode aufgerufen.

Meine Anforderung: Gibt es eine Möglichkeit, den Ereignisaufruf vor dem Aufruf der md-autocomplete-Methode aufzurufen.

Hier haben wir Beispielbilder angehängt, die zeigen, was Sie als Ausgabe brauchen.

Ich habe unter dem Code versucht, aber es funktioniert nicht. Ich brauche eine Lösung für das Problem.

HTML-Quellcode:

MD-Listencode

%Vor%

md-Autocomplete-Code:

%Vor%

AngularJS Skriptcode:

%Vor%     
___
K Scandrett 10.04.2017 05:49
quelle

Tags und Links