wiki.ziemers.de

ziemer's informatik Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen: • geplanter-stand-features • robert
wiki:software:beuthbot:berichte:ws2020:abschluss:webseite

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
wiki:software:beuthbot:berichte:ws2020:abschluss:webseite [04.02.2021 01:11]
Rim Khreis 		wiki:software:beuthbot:berichte:ws2020:abschluss:webseite [04.02.2021 01:18] (aktuell)
Rim Khreis
Zeile 4: Zeile 4:
 ===== Angular ===== ===== Angular =====
 Angular ist ein TypeScript-basiertes Framework, welches von Google für die komponentenbasierte Entwicklung von Single-Page-Anwendungen entwickelt wurde. Mithilfe von Angular lassen sich Teile bzw. Komponenten der Anwendung einfach austauschen und kombinieren, wodurch mit wenig Aufwand eine strukturierte und wartbare Anwendung erstellt werden kann. Angular ist ein TypeScript-basiertes Framework, welches von Google für die komponentenbasierte Entwicklung von Single-Page-Anwendungen entwickelt wurde. Mithilfe von Angular lassen sich Teile bzw. Komponenten der Anwendung einfach austauschen und kombinieren, wodurch mit wenig Aufwand eine strukturierte und wartbare Anwendung erstellt werden kann.
 +
 +==== Module ====
 +Eine Angular-Anwendung setzt sich immer aus Modulen zusammen. Module kapseln Komponenten, Direktiven, Pipes und Services, unterteilen diese in logische Gruppen und stellen sie nach außen zur Verfügung. Ein Modul besteht immer aus einer TypeScript-Klasse, die mit Metadaten versehen wird. Der Modulname wird durch den Klassennamen definiert. Was ein Angular-Modul ausmacht, ist die Nutzung des NgModule-Decorators. Decorater werden mit dem @-Symbol kenntlich gemacht, welches vor dem Namen des Decorators steht.  Sie werden verwendet, um Angular-Elemente zu konfigurieren und Metadaten zu definieren. Der NgModule-Decorater setzt sich aus verschiedenen Eigenschaften zusammen, welche Arrays sind. In der Eigenschaft declarations werden alle Komponenten, Direktiven und Pipes deklariert, die zu dem Angular-Module gehören. Sie sind nur innerhalb dieses Moduls verwendbar. Komponenten, Direktiven und Pipes, die auch anderen Angular-Modulen zur Verfügung gestellt werden sollen, werden in der Eigenschaft exports angegeben. Providers werden in der gleichnamigen Eigenschaft providers registriert und stehen der gesamten Anwendung zur Verfügung. Die imports Eigenschaft beinhaltet alle Angular-Module, dessen Bestandteile in dem jeweiligen Modul verwendet werden, das sind also Angular-Module, von denen das Modul abhängt. In der Eigenschaft bootstrap wird die Komponente angegeben, mit der die Anwendung starten soll. Sie hat nichts mit dem Framework Bootstrap zu tun.
  
 ==== Komponenten ==== ==== Komponenten ====
wiki/software/beuthbot/berichte/ws2020/abschluss/webseite.1612397484.txt.gz · Zuletzt geändert: 04.02.2021 01:11 von Rim Khreis

Seiten-Werkzeuge