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.
- Die Datei
OurNewComponent.component.ts
ist eine Komponentendatei. - Die Datei
OurNewComponent.component.html
ist eine Vorlagendatei für unsere Komponente. - Die Datei
OurNewComponent.component.css
ist eine Stylesheet-Datei für unsere Komponente. - Die Datei
OurNewComponent.component.spec.ts
ist eine Testspezifikationsdatei für unsere Komponente.
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