Mit diesem Buch finden Sie einen schnellen Einstieg in das JavaScript-Framework Angular und in TypeScript. Sobald die Entwicklungsumgebung installiert ist, bauen Sie Ihre Angular-Fertigkeiten Schritt für Schritt aus. Mit den fertigen Code-Beispielen zum Herunterladen können Sie experimentieren. Anschließend sind Sie in der Lage, bei Angular-Webprojekten mitzureden und mitzutun. Für das Verständnis des Buchs sind lediglich HTML-, CSS- und JavaScript-Kenntnisse notwendig.
Häufig gestellte Fragen
Ja, du kannst dein Abo jederzeit über den Tab Abo in deinen Kontoeinstellungen auf der Perlego-Website kündigen. Dein Abo bleibt bis zum Ende deines aktuellen Abrechnungszeitraums aktiv. Erfahre, wie du dein Abo kündigen kannst.
Nein, Bücher können nicht als externe Dateien, z. B. PDFs, zur Verwendung außerhalb von Perlego heruntergeladen werden. Du kannst jedoch Bücher in der Perlego-App herunterladen, um sie offline auf deinem Smartphone oder Tablet zu lesen. Weitere Informationen hier.
Perlego bietet zwei Abopläne an: Elementar und Erweitert
Elementar ist ideal für Lernende und Profis, die sich mit einer Vielzahl von Themen beschäftigen möchten. Erhalte Zugang zur Basic-Bibliothek mit über 800.000 vertrauenswürdigen Titeln und Bestsellern in den Bereichen Wirtschaft, persönliche Weiterentwicklung und Geisteswissenschaften. Enthält unbegrenzte Lesezeit und die Standardstimme für die Funktion „Vorlesen“.
Pro: Perfekt für fortgeschrittene Lernende und Forscher, die einen vollständigen, uneingeschränkten Zugang benötigen. Schalte über 1,4 Millionen Bücher zu Hunderten von Themen frei, darunter akademische und hochspezialisierte Titel. Das Pro-Abo umfasst auch erweiterte Funktionen wie Premium-Vorlesen und den Recherche-Assistenten.
Beide Abopläne sind mit monatlichen, halbjährlichen oder jährlichen Abrechnungszyklen verfügbar.
Wir sind ein Online-Abodienst für Lehrbücher, bei dem du für weniger als den Preis eines einzelnen Buches pro Monat Zugang zu einer ganzen Online-Bibliothek erhältst. Mit über 1 Million Büchern zu über 1.000 verschiedenen Themen haben wir bestimmt alles, was du brauchst! Weitere Informationen hier.
Achte auf das Symbol zum Vorlesen bei deinem nächsten Buch, um zu sehen, ob du es dir auch anhören kannst. Bei diesem Tool wird dir Text laut vorgelesen, wobei der Text beim Vorlesen auch grafisch hervorgehoben wird. Du kannst das Vorlesen jederzeit anhalten, beschleunigen und verlangsamen. Weitere Informationen hier.
Ja! Du kannst die Perlego-App sowohl auf iOS- als auch auf Android-Geräten nutzen, damit du jederzeit und überall lesen kannst – sogar offline. Perfekt für den Weg zur Arbeit oder wenn du unterwegs bist. Bitte beachte, dass wir Geräte, auf denen die Betriebssysteme iOS 13 und Android 7 oder noch ältere Versionen ausgeführt werden, nicht unterstützen können. Mehr über die Verwendung der App erfahren.
Ja, du hast Zugang zu Angular für Dummies von Nikolas Poniros im PDF- und/oder ePub-Format sowie zu anderen beliebten Büchern aus Ciencia de la computación & Desarrollo de software. Aus unserem Katalog stehen dir über 1 Million Bücher zur Verfügung.
Daten in der Beispielanwendung anzeigen und bekommen
Kapitel 4
Der Nutzer und was er sieht
IN DIESEM KAPITEL
Direktiven und Pipes
Daten transformieren
DOM-Ereignisse
Wie Sie die Anzeige steuern
Ein Grund, weshalb wir Entwickler Angular nutzen, ist der Wunsch, mit relativ wenig Aufwand dynamische Webanwendungen zu bauen. Wir möchten die Anzeige abhängig vom Zustand unserer Anwendung verändern und wir möchten auf Ereignisse reagieren, die der Nutzer ausgelöst hat. Hier sehen Sie, wie Sie in Angular die Ansicht einer Komponente ändern können, in dem Sie Ihre Daten und Zustand verändern. Hierbei geht es um die Veränderung des Aussehens, aber auch der Struktur der Ansicht. Darüber hinaus lernen Sie, wie Sie in Angular auf DOM-Ereignisse hören können und wie Sie darauf reagieren können, wenn der Nutzer diese auslöst.
Daten anzeigen
Ein wichtiger Aspekt einer Webanwendung ist es, Daten anzuzeigen. Dabei unterscheiden wir zwischen statischen und dynamischen Daten. Statische Daten stehen oft direkt im Template und werden nicht verändert. Dynamische Daten hingegen werden während der Laufzeit der Anwendung modifiziert. Oft werden diese sogar vom Nutzer verändert. Ein Beispiel für dynamische Daten ist eine To-do-Liste, die der Nutzer zur Laufzeit manipuliert, in dem er To-dos löscht oder hinzufügt.
Auch in Angular werden die statischen Daten meistens direkt im Template geschrieben. Was Angular aber vereinfacht, ist die Arbeit mit dynamischen Daten. Um dynamische Daten anzuzeigen, nutzen Sie Datenbindungen, wie zum Beispiel die Interpolation (siehe Kapitel 2), Direktiven und Pipes. Was Direktiven und Pipes sind, erfahren Sie in diesem Kapitel.
Listen anzeigen
Es gibt wohl kaum eine Webanwendung, die nicht irgendeine Liste anzeigt. Angular hat die NgForOf-Direktive, die die Arbeit mit Listen erleichtert. Die Direktive erhält ein Array als Parameter, iteriert durch die Elemente des Arrays und zeigt jedes Element an. Sie stellt auch sicher, dass die Elemente in der Ansicht mit den Elementen im Array übereinstimmen. Fügen Sie zum Beispiel ein Element in das Array ein, wird die NgForOf-Direktive auch die Ansicht um das neue Element ergänzen. NgForOf ist also dafür zuständig, dass der Inhalt des Arrays und die Ansicht synchron bleiben.
Direktiven
Direktiven sind Angular-Bausteine, die für DOM-Manipulationen benutzt werden. Es gibt drei Arten von Direktiven:
Attributdirektiven: Diese verändern das Aussehen und das Verhalten von HTML-Elementen. Direktiven, die das Aussehen verändern, sehen Sie im Abschnitt Das Aussehen verändern. Im Kapitel 5 lernen Sie unter Ein einfaches Formular implementieren die NgModel-Direktive kennen. Diese verändert das Verhalten von Eingabefeldern.
Strukturelle Direktiven: Sie verändern die DOM-Struktur. Eine Direktive, die HTML-Elemente hinzufügt, entfernt oder verschiebt, ist eine strukturelle Direktive.
Komponenten: Diese sind spezielle Direktiven, mit denen Sie neue HTML-Elemente definieren. Der Hauptunterschied zwischen normalen Direktiven und Komponenten ist, dass Komponenten ein Template und eine dazugehörige Ansicht haben. Normale Direktiven haben keine eigene Ansicht. Sie verändern nur die Ansicht von existierenden HTML-Elementen. Mehr über Komponenten erfahren Sie im Kapitel 2 im Abschnitt Komponenten.
In diesem Buch sehen Sie einige Direktiven, die von Angular angeboten werden. Es wird allerdings nicht gezeigt, wie Sie Attribut- und s...
