Angular: Pipes, Direktiven und Routing

Name: Angular: Pipes, Direktiven und Routing
Author: Michaela Ochnich

Mit Pipes in Angular arbeiten und lernen, wie man verschiedene Direktiven verwendet und Routen einrichtet

Preview the first lesson free — get full access to all 8 lessons.

Kurs: On-Demand

In dieser Lektion werden Winkelrohre vorgestellt und wie Sie sie in Ihren Komponentenvorlagen verwenden. Pipes sind Funktionen, die in Angular-Vorlagen verwendet werden um Daten in ein anderes Format für die Ansicht umzuwandeln, wie das Ändern einer Zeichenfolge in die Groß-/Kleinschreibung, oder ein Datum in einem bestimmten Format anzeigen. Angular bietet eingebaute Rohre die die Standarddatentransformationen abdecken, und diese Rohre stehen zur Verfügung alles während Ihrer Bewerbung. Die Syntax besteht darin, den Pipe-Operator zu verwenden und ein Paar geschweifte Klammern. Links ist die Eingabe für die Pipe, und rechts steht der Name der Pfeife. Also werde ich in der Klasse einen String erstellen. Und dann in der Vorlage, die Sie verwenden können das Großbuchstabenrohr oder das Kleinbuchstabenrohr, wodurch die Zeichenfolge in Groß- oder Kleinbuchstaben umgewandelt wird. Und das dann im Browser anzeigen. Und hier sieht man, dass die Saite verändert wurde entweder nur in Großbuchstaben oder nur in Kleinbuchstaben anzuzeigen. Einige Pipes nehmen auch Parameter an. Die Datumspfeife hat viele verschiedene Formate zum Anzeigen von Angular-Datumsobjekten. Zuerst werde ich ein Datumsobjekt in der Klasse erstellen. Die Datumspfeife hat viele verschiedene Formate zum Anzeigen von Angular-Datumsobjekten. Es gibt vordefinierte Optionen, wie kurzes Datum und vollständiges Datum. Es gibt einige vordefinierte Optionen für Datum, wie kurzes Datum und vollständiges Datum, wie Sie hier sehen können, oder Sie können das Datumsformat anpassen. Dadurch wird das Datum mit zwei Ziffern angezeigt für Monat und Tag und vier für das Jahr, die Sie beim Öffnen des Browsers hier sehen können. Die Währungspipe übernimmt auch Parameter. Es verwendet Ihre lokalen Informationen als Standard, oder Sie können angeben, was angezeigt werden soll. In der Klasse werde ich einen Betrag festlegen. Und dann das Rohr in der Schablone verwenden. Und hier können Sie einen Währungstyp angeben. Angular bietet auch andere eingebaute Rohre. Um diese anzuzeigen, oder erfahren Sie mehr über einen der optionalen Parameter, Sie können die API von Angular unter angle.io überprüfen. Das ist alles für diese Lektion über Winkelrohre. In der nächsten Lektion stellen wir Angular-Direktiven vor.

Anfänger Anbieter : Michaela Ochnich 8 Lektionen · 23m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

In diesen Lektionen werden die gängigen Pipes vorgestellt, die zur Formatierung von Daten für die Anzeige in einer Anwendung verwendet werden. Sie lernen, wie Sie die verschiedenen Struktur- und Attributdirektiven von Angular verwenden. Außerdem lernen Sie, wie Sie das Routing in einer Anwendung einrichten und eine einfache Route sowie eine Wildcard-Route definieren.

Was Sie lernen werden

Verwenden Sie häufige Angular-Pipes, um Daten für die Anzeige in einer Anwendung zu formatieren
Wenden Sie Angular-Strukturdirektiven und Attributdirektiven an, einschließlich ngIf, ngFor, ngClass, ngStyle und ngModel
Unterscheiden Sie zwischen den verschiedenen Direktivtypen, die Angular bereitstellt
Richten Sie das Routing in einer Angular-Anwendung ein
Definieren Sie eine einfache Basisroute und eine Platzhalterroute

Wichtige Erkenntnisse

Angular bietet häufige Pipes, die verwendet werden, um Daten für die Anzeige in einer Anwendung zu formatieren.
Angular bietet verschiedene Struktur- und Attributdirektiven wie ngIf, ngFor, ngClass, ngStyle und ngModel.
Das Routing kann in einer Angular-Anwendung eingerichtet werden, um sowohl Basisrouten als auch Platzhalterrouten zu definieren.

Häufig gestellte Fragen

Was behandelt dieser Kurs?

Er behandelt die häufigen Pipes zum Formatieren von Daten für die Anzeige, die Struktur- und Attributdirektiven von Angular und wie man Routing einrichtet, einschließlich der Definition einer einfachen Route und einer Platzhalterroute.

Was werde ich über Pipes lernen?

Sie erwerben praktisches Wissen über Pipes in Angular und lernen, wie man sie verwendet, um Daten für die Anzeige in einer Anwendung zu formatieren.

Welche Angular-Direktiven werden in diesem Kurs unterrichtet?

Der Kurs behandelt Direktivtypen und spezifische Direktiven, einschließlich ngIf, ngFor, ngClass, ngStyle und ngModel.

Welche Routing-Themen sind enthalten?

Der Kurs führt in das Routing ein und zeigt, wie man Routing in einer Anwendung einrichtet, eine einfache Basisroute definiert und eine Platzhalterroute definiert.

Welche Fähigkeiten hilft dieser Kurs beim Entwickeln?

Er hilft beim Aufbau von Fähigkeiten in Angular (Web Framework), Angular Components, Angular Material, Angular UI, Data Pipelines und Process Piping.