AngularJS Grundkurs

Dezimalstellen begrenzen

Testen Sie unsere 1931 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Der Number-Filter ermöglicht es, die Anzahl der darzustellenden Dezimalstellen einer Zahl zu definieren und die Zahl entsprechend dieser Vorgabe zu runden.
02:33

Transkript

Der number Filter erlaubt es Euch, dass Ihr eine Zahl, die Ihr habt, entsprechend bezüglich der Nachkommastelle so zu modifizieren, bevor Ihr sie dann entsprechend ausgebt, dass Ihr bestimmen könnt, wie viele Stellen nach dem Komma entsprechend existent sein sollen und die number Filterung sorgt gleichzeitig dafür, dass dann auch eine Rundung der jeweiligen Werte stattfindet. Um Euch das Ganze einmal zu demonstrieren, habe ich hier ein sehr einfaches Beispiel aufgebaut mit einem kleinen Formular, wo ich einen Preis eingeben kann. Den Startwert des Preises habe ich im ng-model mittels price gebunden. Das heißt, wenn wir jetzt hier in den Controller einmal schauen, sehen wir, dass es im Scope einen Preis gibt mit dem Startwert, den wir hier sehen. Des Weiteren habe ich hier eine Liste und innerhalb der Liste habe ich den Preis ganz normal ausgeben lassen und jetzt möchte ich Euch einmal zeigen, was passiert, wenn ich den Preis mit dem number Filter versehe, dann werdet Ihr nämlich sehen, dass an dieser Stelle der automatische Ausgabewert des Preises so modifiziert wird, dass lediglich 3 Stellen hinter dem Komma dargestellt werden können. Das heißt, der Standardwert ist 3. Die Zahl, die also hier oben definiert wird, wird so umgemünzt, dass nur 3 Stellen nach dem Komma da sind. Was wir hier auch sehr schön erkennen, die dritte Zahl war eigentlich eine 6 durch die Rundung, weil der nächste Wert 789 gewesen wäre, die nächsten Werte, ist dann entsprechend hier auch schlussendlich der Wert 12,457 entstanden. Ich kann aber natürlich auch selber bestimmen, wie viele Elemente ich tatsächlich nach dem Komma haben will. Würde ich beispielsweise hier den Wert 0 eingeben, könnt Ihr sehen, dass dann hier gar keine Kommastellen angezeigt werden und auch hier ganz wichtig, bitte denkt daran, würde ich jetzt hier beispielsweise den Wert auf 6 ändern, würde durch die Rundung der Gesamtwert auf 13 an dieser Stelle steigen. Schlussendlich bin ich in der Lage das Ganze in beliebigen Etappen durchzuführen. So kann ich hier einfach durch die Anzahl der Kommastellen sehr schnell bestimmten, wie viele Elemente oder wie viele Zahlen nach dem Komma da sein sollen. Ich muss mich dann des Weiteren um nichts mehr kümmern. Das heißt, Rundung und auch das Abschneiden überflüssigen Zahlenelemente erfolgt mittels des number Filters vollautomatisch, das wir soeben kennengelernt haben.

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...
 

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!