Wie wird eine globale Suche in eckigen 2 durchgeführt?
Ich bin ein neuer Entwickler in angular2 und ich möchte eine globale Suche in einem Array von Json-Objekten durchführen. Zum Beispiel dieses Array:
%Vor% Und ich möchte meine Suche so machen:
Das Problem und die Schwierigkeit hier ist:
- Ich möchte nur nach einigen Werten suchen (z. B. Status, Name des Lieferanten, Nummer ...) und andere Felder anzeigen (wie Datum, Nettobetrag usw.).
- Ich möchte die endgültigen Ergebnisse in Abhängigkeit von einigen Werten (z. B. Nummer, Lieferant, Datum und Betrag) bestellen. Und ich mache das nicht in angular2.
- Schließlich möchte ich ein "Äquivalent" von ng-show in angular2 machen? Ich meine, dass ich die Tabelle nur anzeigen möchte, wenn wir die Suchtaste drücken, und wenn wir auf Abbrechen klicken, wird sie entfernt.
Ich weiß, dass es in Winkel 1 einfach war, wir können Filter, 'orderBy' und ähnliche Dinge verwenden, aber anscheinend in angular2 können wir das nicht tun und ich wurde sehr verwirrt. Kannst du mir helfen, das bitte zu lösen ???
Hier ist mein Komponentencode:
%Vor%und mein HTML-Code:
%Vor%Ich weiß, dass ich bisher noch nichts gemacht habe, aber ich bin wirklich neu bei angular2 und ich war wirklich verwirrt. Kannst du mir bitte wenigstens mit dem Bauteil helfen ???
Vielen Dank im Voraus!
3 Antworten
FERTIG !! - siehe @ PLUNKER
%Vor%Hinweis: Der Code innerhalb des Konstruktors dient nur dazu, Metadaten zu erzeugen.
%Vor% Hinweis: Es gibt viele, wenn nicht Hunderte von Möglichkeiten, mit Formularen in Angular2 zu spielen, die Sie verwenden können, was Sie wollen, ich habe einfach die einfachste verwendet.
Ich würde empfehlen, ein Pipe zu verwenden, um so etwas zu filtern.
Ihr Pipe könnte so aussehen:
- check eingehende Variablen
- Filtern Sie Ihre Rechnungen
- bestelle sie bei Bedarf
Und verwende Pipe wie folgt:
Diese searchOptions ist ein Objekt aus unserem Formular:
%Vor%
Live-Demo: Ссылка
Tags und Links angular typescript angular2-forms