Aufbau eines Angular-Projektes

Die Struktur einer Anwendung zu verstehen ist zentral, um strukturiert zu entwickeln und sich auch in unbekannten Projekten zurechtzufinden. Daher werden wir uns in diesem Abschnitt die wichtigsten Bestandteile einer Angular-Anwendung anschauen, verstehen, wofür man sie braucht und wie man sie einfach automatisch erzeugt. In die tiefen Details steigen wir dann in den folgenden Kapiteln ab. Dieser Artikel ist Teil der Angular Basic Tutorials. Zum Einstieg findest du hier den Code zum letzten Kapitel....

String Interpolation in Angular

String Interpolation ermöglicht es, ein Attribut aus der .ts-Datei im HTML als String anzuzeigen. Angenommen wir haben ein Attribut pageTitle in einer Komponente definiert, um einen Titel auf der Seite anzuzeigen. Zusätzlich gibt es das Attribut member, in dem das Mitglied gespeichert ist, das wir anzeigen wollen. import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-members-overview', templateUrl: './members-overview.component.html' }) export class MembersOverviewComponent { pageTitle = 'Mitgliedsinformation'; member = new Member('Hans', 'Maier'); // firstName: Hans // lastName: Maier } Um in Angular zu definieren, dass wir gerne den Inhalt von pageTitle anzeigen wollen und nicht den String ‘pageTitle’, verwenden wir String Interpolation....

Aufsetzen eines Angular-Projektes

Dieser Artikel ist Teil des Angular Basic Tutorials. In diesem Kapitel werden wir ein neues Angular-Projekt aufsetzen. Ziel Am Ende dieses Tutorials haben wir unsere Entwicklungsumgebung aufgesetzt und ein neues Angular-Projekt aufgesetzt und gestartet. Einleitung Ein neues Angular-Projekt aufzusetzen ist dank der Angular CLI (Command Line Interface) super einfach. Komplexer wird es dann die Struktur zu verstehen und strukturiert mit der Entwicklung zu beginnen. Aber das werden wir uns Stück für Stück in dieser Tutorialreihe anschauen 😄...

Die Angular Basic Tutorialreihe

In der Angular Basic Tutorialreihe werden wir Stück für Stück eine Anwendung mit Angular programmieren. Das Tutorial besteht aus Praxis- und Theorieteile, in denen wir entweder an der Anwendung weiterentwickeln oder uns Konzepte anschauen. Das Tutorial wendet sich speziell an Personen, die noch nicht so viel Entwicklungserfahrung haben oder sich Angular aneignen wollen. Einzelne Teile sind aber bestimmt auch für Entwickler:innen mit Vorerfahrung interessant. Jedes Tutorial ist so aufgebaut, dass zunächst das Ziel des Kapitels definiert wird....