Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

AngularJS Grundkurs

Ausgabe limitieren

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Durch die Verwendung eines Filters besteht die Möglichkeit, die Ausgabe von bestimmten Listenwerten, welche durch eine Schleifendirektive erstellt werden, zu limitieren.
02:09

Transkript

In diesem Video möchte ich gemeinsam mit Euch über die Möglichkeiten sprechen, wie wir eine ng-repeater Direktive, also eine Schleife von bestimmten Listenwerten so bearbeiten können, dass wir mittels eines Filters in der Lage sind, die Ausgabe zu limitieren. Ich habe dafür ein kleines Beispiel vorbereitet. In diesem Beispiel sehen wir eine Schleife, die ich hier definiert habe. Innerhalb der Schleife gebe ich eine Liste von Personen zurück. Die Liste von Personen ist hier im Scope definiert. Des Weiteren wird die Liste so ausgegeben, dass neben dem Vor- und Nachnamen auch der Indes des Elements ausgegeben wird und mittels der selbsterstellten getIteratingClass Methode wird dann auch eine unterschiedliche Farbigkeit für die jeweilige Spalte ausgegeben. Was ich jetzt aber möchte, ist beispielsweise die Top 10 anzuzeigen. Jetzt gibt es grundsätzlich zwei Möglichkeiten. Entweder ich sorge dafür, dass ein Service mir nur die 10 besten ausgibt oder ich verwende einen Filter. Wenn ich einen Filter auf einen Ausdruck verwenden möchte, ist das im Grunde genommen extrem einfach innerhalb von AngularJS. Ich nehme nämlich den Ausdruck, den ich manipulieren will. Das ist in diesem Fall das persons und anschließend werde ich hier ein pipe definieren. Mit diesem pipe sage ich AngularJS jetzt folgt ein Filter. Danach sage ich welcher Filter. Das sage ich jetzt hier in diesem Moment mit limitTo und anschließend kann ich dann separiert mit einem Doppelpunkt Parameter definieren. Das limitTo 3 beispielsweise sorgt dafür, dass nur 3 der in der Liste befindlicher Personen entsprechend Elemente dann bearbeitet werden und dann benutzt werden. Wenn wir also hier eine Aktualisierung machen, sehen wir tatsächlich, dass dann die Personenliste auf 3 Elemente limitiert wird und dementsprechend der repeater nur 3 Elemente hier anzeigt. Wenn ich jetzt die besten 10 hier anzeigen möchte, kann ich hier einfach dann den Wert auf 10 erhöhen und habe dann somit die Top 10 der jeweiligen Elemente. In diesem Video haben wir also gelernt, wie wir ein Filter anwenden können und in diesem speziellen Fall den limitTo Filter.

AngularJS Grundkurs

Arbeiten Sie sich in AngularJS, einem JavaScript-Framework von Google, ein und sehen Sie, wie Sie mit MVC-Design-Pattern und Dependency Injection im HTML-Umfeld arbeiten können.

3 Std. 43 min (44 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Hersteller:
Software:
Exklusiv für Abo-Kunden
Ihr(e) Trainer:
Erscheinungsdatum:27.06.2013
Laufzeit:3 Std. 43 min (44 Videos)

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!