AngularJS 1.3 Grundkurs

Ausgegebene Elemente beschränken

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Der LimitTo-Filter dient dazu, die Ausgabe innerhalb einer View auf eine bestimmte Anzahl an Elementen zu beschränken.
01:56

Transkript

Ein sehr spannender Filter im AngularJS ist der Filter LimitTo. Mit dem Filter LimitTo seid ihr in der Lage, die Ausgabe innerhalb einer View zu beschränken, auf eine bestimmte Anzahl von Elementen. Würdet ihr beispielsweise hier innerhalb eines Repeaters dafür sorgen, dass die Usersliste limitiert wird, über ein Filter LimitTo, das mache ich, indem ich hinter die Liste direkt ein Pipe setze, mit dem Wert LimitTo, und anschließend gefolgt von einem Doppelpunkt bin ich nun in der Lage, die Parameter zu definieren. Und als Parameter gebe ich jetzt hier den Wert 3 ein, und mit dem Wert 3 habe ich folgendes gemacht. Ich sorge dafür, dass der Repeater zwar arbeitet, allerdings nicht mit der Originalusersliste, sondern eine Usersliste, die limitiert wurde, auf maximal drei Elemente. Wenn wir uns das Ganze jetzt mal als Beispiel anschauen, sehen wir jetzt hier, dass wir auch sauber eine Liste haben. Die Liste ist limitiert auf drei Elemente, wie wir hier sehen können. Ich bin aber auch in der Lage, LimitTo dafür zu verwenden, dass ich zum Beispiel eine Zeichenkette limitieren kann. Würde ich jetzt hier beispielsweise den Wert "Saban Ünlü" eintragen, und würde dadrauf ebenfalls mit LimitTo eine Beschränkung machen, könnte ich hier sagen, dass "Saban Ünlü" mit maximal fünf Zeichen dargestellt werden soll. Und das Gleiche könnte ich auch mit einer Zahl machen. Ich kann zum Beispiel sagen: hey, nehme mal 4711 und limitiere das mal um zwei Elemente, und wenn wir das Ganze uns dann betrachten, sehen wir dann dass auch LimitTo in der Lage ist, Zeichenketten sowie auch Zahlen zu limitieren. In diesem Film haben wir also den LimitTo-Filter kennengelernt, der dazu dient, eine Ausgabe zu limitieren, und wir haben gelernt, dass wir ein Parameter innerhalb eines Filters definieren können, indem wir nach dem Filternamen einen Doppelpunkt folgen lassen.

AngularJS 1.3 Grundkurs

Legen Sie mit AngularJS moderne, anspruchsvolle Webprojekte auf der Basis von HTML, CSS und JavaScript an.

4 Std. 15 min (74 Videos)
Derzeit sind keine Feedbacks vorhanden...
Hersteller:
Software:
AngularJS AngularJS 1.3
Exklusiv für Abo-Kunden
Erscheinungsdatum:19.11.2014

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!