Neue Komponente in Angular erstellen

Rana Hasnain Khan 1 Februar 2022
Neue Komponente in Angular erstellen

Wir werden Komponenten vorstellen und wie man sie in Angular erstellt.

Komponenten in Angular

Komponenten sind die Bausteine einer Angular-Anwendung. Eine Angular-Anwendung besteht aus mehreren Komponenten oder einem Baum von Angular-Komponenten, und diese Komponenten sind mit Vorlagen und einer Teilmenge von Anweisungen verknüpft.

Mit dem folgenden Befehl in der CLI können wir ganz einfach neue Komponenten in Angular erstellen.

# angular CLI
ng generate component OurNewComponent

Oder wir können Kurzbefehle in CLI verwenden.

# angular CLI
ng g c OurNewComponent

Der obige Befehl generiert eine neue Komponente namens OurNewComponent, die vier Dateien und einen nach der Komponente benannten Ordner enthält.

Die folgenden Dateien werden generiert, wenn Sie mit dem obigen Befehl eine neue Komponente erstellen.

  1. Die Datei OurNewComponent.component.ts ist eine Komponentendatei.
  2. Die Datei OurNewComponent.component.html ist eine Vorlagendatei für unsere Komponente.
  3. Die Datei OurNewComponent.component.css ist eine Stylesheet-Datei für unsere Komponente.
  4. Die Datei OurNewComponent.component.spec.ts ist eine Testspezifikationsdatei für unsere Komponente.
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

Verwandter Artikel - Angular Component