Die Front-End-TODO-Anwendung ist die gleiche wie die "Hallo Welt" in der normalen Programmierung. Beim Erstellen von TODO-Anwendungen können Sie die Implementierung von CRUD-Operationen mit dem einen oder anderen Framework untersuchen. Aber oft beziehen sich solche Projekte nur sehr oberflächlich auf das, was der Rahmen tatsächlich weiß.
Wenn Sie sich Angular ansehen, haben Sie das Gefühl, dass sich dieses Framework ständig ändert und aktualisiert. In Bezug auf Angular können wir einige Ideen hervorheben, die unverändert bleiben. Das Material, dessen Übersetzung wir heute veröffentlichen, bietet einen Überblick über die grundlegenden Angular-Konzepte, die Sie verstehen müssen, um die Funktionen dieses Frameworks korrekt und effizient nutzen zu können.
Um Angular zu lernen, müssen Sie viel lernen. Viele Entwickler stecken in den frühen Stadien der Entwicklung von Angular fest. Dies liegt an der Tatsache, dass sie nicht wissen, wohin sie wechseln sollen, oder nicht wissen, nach welchen Schlüsselwörtern sie nach Informationen suchen sollen, die es ihnen ermöglichen, einen Schritt nach vorne zu machen. Die Autorin dieses Materials sagt, als sie anfing, Angular 2+ zu lernen, möchte sie, dass sie auf einen ähnlichen Leitfaden für dieses Framework stößt.
1. Die modulare Architektur von Angular
Theoretisch können Angular-Anwendungen erstellt werden, indem der gesamte Code auf einer Seite in einer großen Funktion zusammengefasst wird. Dies wird jedoch einerseits nicht empfohlen, und andererseits kann dieser Ansatz unter dem Gesichtspunkt der Strukturierung des Codes nicht als effektiv bezeichnet werden. Darüber hinaus macht dies Sinn für die Existenz von Angular.
Angular nutzt als Teil seiner Framework-Architektur das Konzept der Module in großem Umfang. Ein Modul ist ein Code, dessen Existenz nur einen Grund hat. Im Allgemeinen können wir sagen, dass Angular-Anwendungen aus Modulen zusammengesetzt sind. Einige Module werden nur an einer Stelle der Anwendung verwendet, andere an verschiedenen Stellen.
Es gibt viele Möglichkeiten, Module innerhalb einer Anwendung zu strukturieren. Darüber hinaus hilft das Studium verschiedener Architekturmuster zu verstehen, wie die Struktur der Anwendung organisiert werden kann, um sie während ihres Wachstums zu skalieren. Darüber hinaus hilft die umsichtige Verwendung von Modulen, Code zu isolieren und Codeduplizierungen in einem Projekt zu verhindern.
Der folgende Unterabschnitt enthält Beispiele für Abfragen, mit denen Sie nach zusätzlichen Materialien zu diesem Thema suchen können. Solche Unterabschnitte finden Sie in anderen Abschnitten dieses Materials.
▍ Suchanfragen
- Winkelarchitekturmuster.
- Skalierbare Angular-Anwendungsarchitektur.
2. Einwegdatenfluss und Unveränderlichkeit
Viele Entwickler, die Angular 1 verwenden, mochten das Konzept der bidirektionalen Bindung. Dies war in der Tat eine der attraktiven Eigenschaften von Angular. Mit der Zeit, als Angular-Anwendungen immer komplexer wurden, wurde jedoch klar, dass die bidirektionale Bindung zu Leistungsproblemen führt.
Es stellte sich heraus, dass eine bidirektionale Bindung tatsächlich nicht so oft erforderlich ist.
In Angular 2+ können Sie weiterhin die bidirektionale Bindung verwenden, jedoch nur, wenn der Entwickler ausdrücklich seine Absicht zum Ausdruck bringt, diese Funktion zu verwenden. Dieser Ansatz lässt diejenigen, die Anwendungscode schreiben, über die Richtung des Datenflusses nachdenken. Dies ermöglicht außerdem ein flexibleres Arbeiten mit Daten. Flexibilität wird durch die Möglichkeit erreicht, genau anzupassen, wie Daten in der Anwendung verschoben werden sollen.
▍ Suchanfragen
- Best Practices für den Winkeldatenfluss.
- Unidirektionale Strömung in Angular.
- Vorteile der Einwegbindung.
3. Attribut- und Strukturanweisungen von Angular
Eine Direktive ist eine Erweiterung von HTML durch benutzerdefinierte Elemente. Mit Attributanweisungen oder Attributen können Sie die Eigenschaften von Elementen ändern. Mit Strukturanweisungen können Sie den Inhalt von Seiten beeinflussen, indem Sie Elemente aus dem DOM löschen oder zum DOM hinzufügen.
Zum Beispiel sind
ngSwitch und
ngIf strukturelle Anweisungen, da sie die an sie übergebenen Parameter auswerten und bestimmen, ob bestimmte Teile des DOM im Dokument vorhanden sein sollen oder nicht.
Attribute sind Mechanismen zum Ändern des Standardverhaltens von Elementen, die vom Programmierer konfiguriert werden.
Wenn Sie lernen, wie Sie diese beiden Arten von Anweisungen verwenden, können Sie die Funktionen Ihrer Anwendung erweitern und die Menge an doppeltem Code reduzieren. Attributanweisungen können außerdem dazu beitragen, einige Vorlagen zum Ändern von Elementen hervorzuheben, die an verschiedenen Stellen der Anwendung verwendet werden.
▍ Suchanfragen
- Angular-Attribut-Direktiven (Angular-Attribut-Direktiven).
- Winkelstrukturrichtlinien.
- Winkelstrukturrichtungsmuster.
4. Methoden des Komponentenlebenszyklus
Jeder Code hat seinen eigenen Lebenszyklus, der bestimmt, wie etwas erstellt, auf dem Bildschirm angezeigt wird und dann verschwindet. Angular hat ein Konzept, das als Lebenszyklus einer Komponente bezeichnet wird. Es sieht ungefähr so aus:
- Schöpfung.
- Rendern
- Untergeordnete Komponenten rendern.
- Suchen Sie nach Änderungen an datenbezogenen Eigenschaften.
- Zerstörung.
- Aus dem DOM entfernen.
Der Programmierer hat die Möglichkeit, zu Schlüsselmomenten in diesem Zyklus in die Komponente einzugreifen und sich beispielsweise auf bestimmte Ereignisse zu konzentrieren. Auf diese Weise können Sie das Verhalten des Programms an verschiedenen Punkten im Komponentenlebenszyklus anpassen.
Beispielsweise müssen Sie möglicherweise einige Daten laden, bevor die Seite angezeigt wird. Sie können dies in der Lebenszyklusmethode der Komponente
ngOnInit() tun. Oder Sie müssen möglicherweise irgendwann in der Anwendung die Verbindung zur Datenbank trennen. Sie können dies in der
ngOnDestroy() -Methode tun.
▍ Suchanfragen
- Winkellebenszyklushaken.
- Komponentenlebenszyklus.
5. HTTP-Dienste und beobachtbare Objekte
Worüber wir hier sprechen, hängt eher nicht mit den Besonderheiten von Angular zusammen, sondern mit ES7. Es ist einfach so passiert, dass in Angular die Arbeit mit beobachtbaren Objekten auf Framework-Ebene implementiert wird. Ähnliche Mechanismen gibt es in React, Vue und anderen JavaScript-basierten Bibliotheken und Frameworks.
Beobachtbare Objekte sind Muster, mit denen Sie effizient mit Daten in ereignisbasierten Systemen arbeiten können. Um Angular-Anwendungen effektiv entwickeln zu können, müssen Sie wissen, wie HTTP-Dienste und Observable-Objekte verwendet werden.
▍ Suchanfragen
- Beobachtbare JavaScript-Muster (JavaScript Observable Object Templates).
- Angular HTTP und Observables (HTTP und Observable-Objekte in Angular).
- Beobachtbare ES7-Funktion (Beobachtbare Objekte in ES7).
6. Kluge und dumme Komponenten
Viele, die Angular-Anwendungen entwickeln, bemühen sich, alles einzubauen, was für den Betrieb dieser Komponenten erforderlich ist. Dies ist zwar nicht ganz etwas, das für den praktischen Gebrauch empfohlen werden könnte. Die Idee, in Angular „intelligente“ und „dumme“ Komponenten zu verwenden, ist ein Konzept, über das möglicherweise häufiger gesprochen werden sollte als jetzt, insbesondere in den Kreisen unerfahrener Entwickler.
Ob die Komponente intelligent oder dumm ist, bestimmt ihre Rolle im Gesamtdesign des Anwendungsgeräts. "Dumme" Komponenten haben oft keinen Zustand, sie unterscheiden sich in einfachem, vorhersehbarem und verständlichem Verhalten. Es wird empfohlen, sich nach Möglichkeit auf die Erstellung und Verwendung "dummer" Komponenten zu konzentrieren.
Es ist schwieriger, mit "intelligenten" Komponenten zu arbeiten, da diese im Laufe der Arbeit einige Eingabedaten empfangen und einige Ausgabedaten generieren. Machen Sie sich mit dem Konzept intelligenter und dummer Komponenten vertraut, um Angular effektiv nutzen zu können. Diese Bekanntschaft liefert Ihnen Muster und Ideen zum Organisieren von Fragmenten des Anwendungscodes und zum Aufbau von Beziehungen zwischen diesen Fragmenten untereinander.
▍ Suchanfragen
- Intelligente / dumme Winkelkomponenten.
- Staatenlose dumme Komponenten.
- Präsentationskomponenten.
- Intelligente Komponenten in Angular.
7. Die Struktur der Anwendung und praktische Empfehlungen für ihre Bildung
Wenn wir beim Erstellen über die Struktur der Anwendung und die Anwendung praktischer Empfehlungen sprechen, können Angular-Befehlszeilentools dem Programmierer zumindest einige Hilfe bieten. Das Entwickeln einer Angular-Anwendung (oder einer anderen Anwendung) ist wie das Bauen eines Hauses. Wir sprechen nämlich von praktischen Methoden, die seit Jahren von der Entwicklergemeinschaft entwickelt und optimiert werden. Die Verwendung solcher Techniken zur Strukturierung von Anwendungen führt zur Entstehung qualitativ hochwertiger Projekte. Eigentlich gilt dies für Angular.
Wenn unerfahrene Programmierer, die versuchen, Angular zu lernen, sich über dieses Framework beschweren, ist der Grund für solche Beschwerden normalerweise ein Mangel an Wissen über die Struktur von Anwendungen. Anfänger verstehen die Syntax leicht, hier haben sie keine Probleme. Für sie ist es jedoch viel schwieriger, den richtigen Ansatz für die Strukturierung von Anwendungen zu finden. Hier müssen Sie den Themenbereich verstehen, für den die Anwendung erstellt wird, Sie müssen die Anforderungen für die Anwendung kennen und wissen, wie Realität und Erwartungen auf konzeptioneller und praktischer Ebene zusammenhängen.
Durch die Untersuchung der möglichen Optionen für die Strukturen von Angular-Anwendungen und praktischer Empfehlungen für die Verwendung dieser Strukturen erhält der Programmierer eine Vision, wie er seine eigenen Projekte erstellen kann.
▍ Suchanfragen
- Single Repo Angular-Apps (Angular-Anwendungen, die in einem einzelnen Repository gehostet werden).
- Winkelbibliotheken (Winkelbibliotheken).
- Winkelpakete.
- Winkelbündel (Winkelbündel).
- Angular Micro Apps.
- Monorepo (Monorepositories).
8. Datenbindungssyntax und -muster
Das Binden oder Datenbinden ist möglicherweise das auffälligste Merkmal von JavaScript-Frameworks. Dies ist auch einer der Gründe, warum Frameworks im Allgemeinen existieren. Die Datenbindung in Vorlagen ist die Brücke zwischen statischem HTML und JavaScript. Die Datenbindungssyntax in Angular-Vorlagen spielt die Rolle eines Mittelsmanns bei der Kommunikation von HTML- und JavaScript-Entitäten.
Nachdem Sie gelernt haben, wie und wann Sie Anker verwenden müssen, können Sie statische Seiten einfach in etwas Interaktives verwandeln. In diesem Bereich wird empfohlen, verschiedene Datenbindungsszenarien zu berücksichtigen. Dies ist beispielsweise eine Bindung von Eigenschaften, Ereignissen, dies ist eine Dateninterpolation und eine bidirektionale Bindung.
▍ Suchanfragen
- Winkeleigenschaftsbindung.
- Winkelereignisbindung.
- Winkel-Zwei-Wege-Bindung (Winkel-Zwei-Wege-Datenbindung).
- Winkelinterpolation (Interpolation im Winkel).
- Winkelübergangskonstanten (Winkelübergangskonstanten).
9. Funktionsmodule und Routing
Funktionsmodule in Angular sind eine unterschätzte Technologie. Solche Module bieten dem Entwickler tatsächlich eine fantastische Möglichkeit, Geschäftsanforderungen für Anwendungen zu organisieren und zu isolieren. Sie tragen dazu bei, die Haftung von Codefragmenten zu begrenzen und auf lange Sicht die Verschmutzung des Codes zu verhindern.
Es gibt fünf Arten von Feature-Modulen (Domain, Routed, Routing, Service, Widget), von denen jeder für die Implementierung einer bestimmten Funktionalität verantwortlich ist. Wenn Sie lernen, wie Feature-Module in Verbindung mit Routing verwendet werden, können Sie separate Funktionsblöcke erstellen. Dies wird dazu beitragen und in Anwendungen ein qualitativ hochwertiges und klares Schema der Aufgabentrennung implementieren.
▍ Suchanfragen
- Angular-Feature-Module (Feature-Module in Angular).
- Gemeinsame Feature-Strukturen in Angular.
- Anbieter von Funktionsmodulen.
- Lazy Loading mit Routing- und Feature-Modulen (Lazy Loading mit Routing- und Feature-Modulen).
10. Formular- und Datenvalidierung (reaktive Formulare und Validatoren)
Formulare sind ein unvermeidlicher Bestandteil jeder Front-End-Entwicklung. Und wo Formulare verwendet werden, ist auch eine Datenvalidierung erforderlich.
Angular bietet verschiedene Möglichkeiten zum Erstellen datengesteuerter intelligenter Formulare. Reaktive Formen sind besonders beliebt. Es gibt jedoch insbesondere andere Optionen - dies sind Formulare, deren Validierung auf Vorlagen basiert, sowie die Verwendung benutzerdefinierter Validatoren.
Wenn Sie lernen, wie Validatoren und CSS zusammenarbeiten, können Sie die Anwendungsentwicklung beschleunigen und den Umgang mit Fehlern in Formularen erleichtern.
▍ Suchanfragen
- Validierung der Winkelform.
- Vorlagengesteuerte Validierung
- Reaktive Formularvalidierung.
- Synchronisations- und asynchrone Validatoren in Angular (synchrone und asynchrone Validatoren in Angular).
- Eingebaute Validatoren.
- Benutzerdefinierte Winkelprüfer.
- Feldübergreifende Validierung.
11. Projektion von Inhalten
Angular verfügt über einen Mechanismus, der als Inhaltsprojektion bezeichnet wird. Damit können Sie die effiziente Übertragung von Daten von übergeordneten Komponenten zu untergeordneten Komponenten organisieren. Obwohl die Idee, Inhalte zu projizieren, kompliziert erscheinen mag, liegt ihr Kern in der Tatsache, dass zum Erstellen eines auf dem Bildschirm angezeigten Elements einige Elemente in anderen platziert werden.
Entwickler untersuchen häufig die Projektion von Inhalten auf Oberflächenebene, um sich beispielsweise an das Schema zu gewöhnen, in das eine untergeordnete Komponente in die übergeordnete Komponente eingebettet ist. Um unser Verständnis dieses Konzepts zu erweitern, müssen wir jedoch auch verstehen, wie Daten zwischen verschiedenen visuellen Komponenten übertragen werden. Hier ist das Verständnis der Merkmale der Projektion von Inhalten sehr hilfreich.
Das Verständnis dieses Konzepts hilft dabei, die Merkmale der Bewegung von Datenflüssen innerhalb der Anwendung zu verstehen und zu verstehen, wo genau Mutationen dieser Daten auftreten.
▍ Suchanfragen
- Winkelinhaltsprojektion.
- Angular Parent-Child View-Beziehung (Angular Parent-Child-Beziehung und visuelle Komponenten von Angular).
- Datenbeziehungen in Winkelansicht.
12. onPush Change Detection-Strategie
Standardmäßig verwendet Angular eine Standardstrategie zur Änderungserkennung. Bei diesem Ansatz werden Komponentenprüfungen durchgeführt. Obwohl daran nichts auszusetzen ist, ist dieser Ansatz zum Erkennen von Änderungen möglicherweise nicht effektiv.
Wenn es sich um kleine Anwendungen handelt, wird deren Leistung nicht besonders beeinträchtigt. Nachdem die Anwendung jedoch eine bestimmte Größe erreicht hat, kann sich ihre Geschwindigkeit, insbesondere beim Start in älteren Browsern, verschlechtern.
Die
onPush Änderungserkennungsstrategie kann die Anwendung
onPush beschleunigen. Tatsache ist, dass bei Verwendung Überprüfungen nur durchgeführt werden, wenn bestimmte Ereignisse auftreten. Dies ist viel besser als ständige Überprüfungen.
▍ Suchanfragen
- Angular onPush-Änderungserkennung (Angular onPush-Änderungserkennungsstrategie).
13. Beschränken des Zugriffs auf Routen, Vorladen, verzögertes Laden
Wenn Ihr Projekt über Mechanismen verfügt, die dem Benutzer Zugriff auf das System gewähren, bedeutet dies, dass Sie die Einschränkung des Zugriffs auf Routen verwenden müssen. Viele Anwendungen erfordern die Fähigkeit, bestimmte Seiten vor unbefugtem Anzeigen zu schützen. Routenzugriffsbeschränkungen fungieren als Schnittstelle zwischen dem Router und der angeforderten Route. Sie treffen Entscheidungen darüber, ob der Zugang zu einer bestimmten Route in einer bestimmten Situation zulässig ist. Im Bereich des Routenschutzes gibt es viel zu lernen. Dies ist insbesondere eine Entscheidungsfindung, die auf der Analyse des Gültigkeitszeitraums des Tokens, der Verwendung von Authentifizierungsrollen und der Bereitstellung sicherer Arbeit mit Routen basiert.
Das Vorladen und verzögerte Laden von Daten kann die Benutzererfahrung bei der Arbeit mit der Site verbessern, indem die Ladezeit der Anwendung verkürzt wird. Es ist nützlich zu sagen, dass Pre-Lazy-Loading-Technologien nicht nur mit Bildern zusammenhängen. Diese Technologien werden verwendet, wenn Anwendungsbündel in Teile zerlegt werden und wenn verschiedene Teile dieser Bündel unter verschiedenen Bedingungen geladen werden.
▍ Suchanfragen
- Angular Route Guards (Einschränkung des Zugriffs auf Routen in Angular).
- Winkelauthentifizierungsmuster.
- Winkelvorspannungs- und Lazy-Loading-Module (Preloading- und Lazy-Loading-Module in Angular).
- Winkelgesicherte Routenmuster.
14. Kundenspezifische Förderer
Winkel-Pipelines erleichtern die Datenformatierung erheblich. Es gibt viele eingebaute Förderbänder, mit denen Sie eine Vielzahl von Standardaufgaben lösen können. Dazu gehören die Formatierung von Datumsangaben, Währungsbeträgen, Prozentwerten sowie beispielsweise die Arbeit mit Zeichen. Es gibt jedoch immer eine Aufgabe, für die es keinen Standardförderer gibt.
In solchen Fällen werden benutzerdefinierte Pipelines benötigt. Dieser Mechanismus ermöglicht es dem Programmierer, seine eigenen Filter zu erstellen und die von ihm benötigten Datentransformationen zu beschreiben. All dies zu verwenden ist nicht schwierig, daher kann dieses Konzept für das Studium empfohlen werden.
▍ Suchanfragen
- Eckige kundenspezifische Rohre.
15. Dekorateure @ViewChild und @ContentChild
Komponenten können dank der
@ViewChild und
@ContentChild @ViewChild @ContentChild . Die Essenz von Angular besteht darin, Mehrkomponentenanwendungen, die mit diesem Framework erstellt wurden, wie ein Puzzle aussehen zu lassen. Ein solches Rätsel wird jedoch nicht viel nützen, wenn seine Fragmente voneinander isoliert sind.
Um Puzzleteile miteinander zu verbinden, werden die Dekoratoren
@ViewChild und
@ContentChild . Wenn Sie die Funktionen ihrer Verwendung studieren, haben Sie die Möglichkeit, mit Komponenten zu arbeiten, die anderen Komponenten zugeordnet sind. Dies vereinfacht die Organisation des Datenaustauschs zwischen verschiedenen Komponenten. Auf diese Weise können Sie Daten und Informationen zu Ereignissen, die in diesen Komponenten auftreten, zwischen Komponenten übertragen.
▍ Suchanfragen
- Winkeldekorateure (Dekorateure in Angular).
- Viewchild und Contentchild in Angular (Decorators
@ViewChild und @ContentChild in Angular). - Datenaustausch mit Winkelkomponenten.
16. Dynamische Komponenten und die ng-template-Direktive
Komponenten sind die Bausteine von Angular-Anwendungen. Es müssen jedoch nicht alle Komponenten im Voraus erstellt werden. Einige von ihnen müssen erstellt werden, während das Programm ausgeführt wird.
Mit dynamischen Komponenten kann eine Anwendung erstellen, was sie benötigt, während sie ausgeführt wird.
Im Gegensatz zu dynamischen werden statische Komponenten im Voraus erstellt. Dies geschieht in Fällen, in denen nicht zu erwarten ist, dass die Komponenten betroffen sind. Sie sind auf vorbestimmte Weise vorhersehbar und führen Konvertierungen der in sie eingegebenen Daten durch.
Auf der anderen Seite werden dynamische Komponenten erstellt, wenn dies erforderlich ist. Sie erweisen sich als sehr nützlich bei der Entwicklung von Anwendungen, die mit externen Datenquellen arbeiten. Sie sind auch dann nützlich, wenn Sie die Reaktion der Anwendung auf Aktionen auf der Seite organisieren müssen.
▍ Suchanfragen
- Dynamische Komponenten in Angular.
- Dynamische Komponenten und ng-Templating (dynamische Komponenten und ng-Template-Direktive).
17. Decorators @Host , @HostBinding und exportAs Direktive
Die
@Host ,
@HostBinding und die Direktive
@HostBinding exportAs in Angular verwendet, um zu steuern, auf was sie angewendet werden. Sie ermöglichen es außerdem, präzise Vorlagen für den Export von Entitäten zu erstellen, die in der Anwendung verwendet werden können.
Wenn Ihnen das oben Gesagte nicht besonders klar erscheint, empfehlen wir Ihnen, sich mit den Richtlinien vertraut zu machen und herauszufinden, warum sie benötigt werden. Die
@Host ,
@HostBinding und die Direktive
@HostBinding helfen Angular dabei, das zu sein, was es ist.
▍ Suchanfragen
- Angular Directives Patterns (Angular Directive Patterns).
@Host , @HostBinding und exportAs in Angular (Decorators @Host , @HostBinding und die exportAs-Direktive in Angular).
18. Verwaltung des Anwendungsstatus mit NgRx
Der Status der Anwendung wird durch das bestimmt, was der Benutzer sieht. Wenn im Anwendungsstatus Verwirrung herrscht, kann dies darauf hinweisen, dass die darin verwendeten Datenstrukturen schlecht an Änderungen angepasst sind. Solche Änderungen müssen möglicherweise an Datenstrukturen vorgenommen werden, wenn die Anwendung wächst und sich entwickelt.
Wenn jemand beginnt, die Besonderheiten der Arbeit mit Status in Angular zu verstehen, nähert er sich auch dem Verständnis der Besonderheiten des Datenverhaltens in seinen Anwendungen.
Angular verfügt über ein eigenes State-Management-System. Es gibt jedoch eine Technologie, NgRx, mit der Sie die Verwaltung des Anwendungsstatus auf eine höhere Ebene bringen können. Insbesondere können beispielsweise Daten verloren gehen, wenn sie zwischen mehreren übergeordneten und untergeordneten Komponenten übertragen werden. Mit NgRx können Sie ein zentrales Repository erstellen und dieses Problem beheben.
▍ Suchanfragen
- Angular NgRx (Verwenden von RxJS in Angular).
- Flux / Redux-Prinzipien.
- Angular State Management-Prinzipien.
19. Abhängigkeit und Zoneninjektion
Die Abhängigkeitsinjektion ist ein massives, universelles Konzept. Wenn Sie nicht sehr vertraut damit sind, sollten Sie es studieren. Angular bietet viele Möglichkeiten, Abhängigkeiten genau einzufügen. Dies wird hauptsächlich durch den Einsatz von Konstruktoren erreicht. Es geht darum, nur das in den Code zu importieren, was wirklich benötigt wird. Dies trägt zur Verbesserung der Anwendungsleistung bei.
Das Konzept der Zonen ist wie die Idee der Abhängigkeitsinjektion nicht nur bei Angular zu finden. Dies ist ein Mechanismus, mit dem eine Anwendung den Status asynchroner Aufgaben während ihres gesamten Lebenszyklus überwachen kann. — , , — , . .
▍
- Angular zones ( Angular).
- Dependency injections ( ).
- Angular DI ( Angular).
Zusammenfassung
Angular- — . — - , , , . . , , Angular, .
Liebe Leser! Angular-?
