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.
Derzeit stehen all unsere auf mobile Endgeräte reagierenden ePub-Bücher zum Download über die App zur Verfügung. Die meisten unserer PDFs stehen ebenfalls zum Download bereit; wir arbeiten daran, auch die übrigen PDFs zum Download anzubieten, bei denen dies aktuell noch nicht möglich ist. Weitere Informationen hier.
Perlego bietet zwei Pläne an: Elementar and Erweitert
Elementar ist ideal für Lernende und Interessierte, die gerne eine Vielzahl von Themen erkunden. Greife auf die Elementar-Bibliothek mit über 800.000 professionellen Titeln und Bestsellern aus den Bereichen Wirtschaft, Persönlichkeitsentwicklung und Geisteswissenschaften zu. Mit unbegrenzter Lesezeit und Standard-Vorlesefunktion.
Erweitert: Perfekt für Fortgeschrittene Studenten und Akademiker, die uneingeschränkten Zugriff benötigen. Schalte über 1,4 Mio. Bücher in Hunderten von Fachgebieten frei. Der Erweitert-Plan enthält außerdem fortgeschrittene Funktionen wie Premium Read Aloud und Research Assistant.
Beide Pläne können monatlich, alle 4 Monate oder jährlich abgerechnet werden.
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 in 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 verwenden, um jederzeit und überall zu lesen – sogar offline. Perfekt für den Weg zur Arbeit oder wenn du unterwegs bist. Bitte beachte, dass wir keine Geräte unterstützen können, die mit iOS 13 oder Android 7 oder früheren Versionen laufen. Lerne mehr über die Nutzung der App.
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 Informatik & Softwareentwicklung. 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...
