Eine Komponente ist eine Gruppe von Klassen, die zusammenarbeiten, um eine Schnittstelle zu implementieren. Jede Komponente hat eine Klasse, die als Front-End fungiert, die Schnittstelle implementiert und die Arbeit an andere Klassen delegiert. Es ist wichtig, Komponenten austauschbar zu machen, damit andere Komponenten ihren Platz einnehmen können. Diese Architektur wird oft als komponentenbasierte Architektur bezeichnet und wurde von COM populär gemacht. COM war ein großartiges Beispiel für eine komponentenbasierte Architektur, aber es war aufgrund des starren C++-Kompilierungsprozesses unflexibel.
Winkelkomponente
In Angular ist eine Komponente der Block einer Anwendung, der einen Teil der Bildschirmfläche steuert. Eine Komponente enthält eine TypeScript-Klasse, eine HTML-Vorlage und CSS-Stylesheets, die ihr Erscheinungsbild und ihre Interaktion mit dem Benutzer beschreiben. Eine Komponente enthält auch einen Selektor und eine Reihe von Anbietern. Sie können sie manuell erstellen oder Angular CLI verwenden, um die Entwicklung zu beschleunigen.
Es gibt zwei Arten von Direktiven in Angular: Attributdirektiven und Strukturdirektiven. Erstere ändern das Layout einer Seite und letztere fügen Anwendungslogik hinzu. Sie können auch Ihre eigenen Direktiven definieren, indem Sie den Decorator @Directive() verwenden. In beiden Fällen sind Direktiven-Metadaten einem Selektor-Element zugeordnet, das zum Einfügen der Direktive in HTML verwendet wird.
HTML-Komponente
HTML-Komponenten sind eine Legacy-Technologie, die „Verhaltensweisen“ implementiert, die HTML-Seiten dynamischer machen. Sie sind typischerweise mit dem MIME-Typ text/x-component codiert. Microsoft Internet Explorer unterstützt diese Dateien. Die Mehrheit der Websites verwendet jedoch immer noch einfaches HTML. Der HTML-Komponentenstandard wird jedoch immer beliebter, da das Internet immer stärker vernetzt wird.
Eine HTML-Komponente kann jedes gültige HTML5-Tag enthalten. Es ist jedoch wichtig zu beachten, dass die HTML-Komponente nicht normativ ist. Es geht von einem Verknüpfungsmechanismus aus. Dieser Mechanismus ist derzeit nicht offiziell vom W3C genehmigt und unterliegt erheblichen Änderungen. Diese Verhaltenseigenschaft verknüpft ein Element mit seinem Handler, der eine HTML-Komponente sein muss.
Eckiger Bestandteil
Eine Angular-Komponente ist eine Dateneinheit, die einer Ansicht zugeordnet ist. Es kann eine einzelne Komponente sein oder Teil eines hierarchischen Baums, in dem andere Komponenten verschachtelt sind. Komponenten können auch Unterkomponenten desselben NgModuls sein. Die Struktur der Arboreszenz einer Ansicht wirkt sich auch darauf aus, wie Angular auf Änderungen im DOM und in der Anwendung reagiert.
Komponenten werden mithilfe von Metadaten konfiguriert. Diese Metadaten teilen Angular mit, was für eine Komponente verarbeitet werden soll. Darüber hinaus werden Metadaten verwendet, um festzulegen, wie sich eine Komponente verhalten soll. Komponenten sollten auch Dienstklassen für Daten verwenden, die von Komponenten gemeinsam genutzt werden. Diese Klassen sollten immer den @Injectible-Dekorator haben, der Komponentenklassen klarer macht und Aufgaben an Dienste delegiert.
JavaScript-Komponente
Eine JavaScript-Komponente ist ein Element auf Ihrer Website, das JavaScript-Skripte ausführen kann. Eine JavaScript-Komponente kann im Nachrichtenfluss-Canvas erstellt und konfiguriert werden. Nach der Erstellung sollten Sie ihm einen eindeutigen alphanumerischen Namen geben, der seine Rolle in Ihrer Anwendung widerspiegelt. Der Name sollte auch innerhalb eines einzelnen Fensters eindeutig sein.
Es gibt mehrere Möglichkeiten, eine JavaScript-Komponente zu generieren. Die meisten von ihnen erfordern einen Build-Schritt, der auf einem Computer oder einem Server stattfindet. Dieser Schritt übersetzt die domänenspezifische Sprache in eine JavaScript- oder ES5/ES6-kompatible Datei. Einige Bibliotheken erlauben jedoch Laufzeittransformationen. Diese Laufzeittransformationen verwandeln den Quellcode in browserfähiges JavaScript.