AngularJS - Übersicht

AngularJS ist ein Open-Source-Webanwendungsframework. Es wurde ursprünglich 2009 von Misko Hevery und Adam Abrons entwickelt. Es wird jetzt von Google gepflegt. Die neueste Version ist 1.2.21.

Die Definition von AngularJS in der offiziellen Dokumentation lautet wie folgt:

AngularJS ist ein strukturelles Framework für dynamische Webanwendungen. Sie können HTML als Vorlagensprache verwenden und die HTML-Syntax erweitern, um Ihre Anwendungskomponenten klar und prägnant auszudrücken. Die Datenbindung und die Abhängigkeitsinjektion eliminieren einen Großteil des Codes, den Sie derzeit schreiben müssen. Und alles geschieht im Browser, was ihn zu einem idealen Partner für jede Servertechnologie macht.

Allgemeine Merkmale

Die allgemeinen Merkmale von AngularJS sind wie folgt:

  • AngularJS ist ein effizientes Framework, mit dem Rich Internet Applications (RIA) erstellt werden können.

  • AngularJS bietet Entwicklern die Möglichkeit, clientseitige Anwendungen mit JavaScript auf eine saubere MVC-Weise (Model View Controller) zu schreiben.

  • In AngularJS geschriebene Anwendungen sind browserübergreifend kompatibel. AngularJS verarbeitet automatisch den für jeden Browser geeigneten JavaScript-Code.

  • AngularJS ist Open Source, völlig kostenlos und wird von Tausenden von Entwicklern auf der ganzen Welt verwendet. Es ist unter der Apache-Lizenz Version 2.0 lizenziert.

Insgesamt ist AngularJS ein Framework zum Erstellen umfangreicher, leistungsstarker und einfach zu wartender Webanwendungen.

Kernfunktionen

Die Hauptmerkmale von AngularJS sind wie folgt:

  • Data-binding - Es ist die automatische Synchronisation von Daten zwischen Modell- und Ansichtskomponenten.

  • Scope- Dies sind Objekte, die sich auf das Modell beziehen. Sie fungieren als Klebstoff zwischen Controller und Ansicht.

  • Controller - Dies sind JavaScript-Funktionen, die an einen bestimmten Bereich gebunden sind.

  • Services- AngularJS verfügt über mehrere integrierte Dienste wie $ http, um XMLHttpRequests zu erstellen. Dies sind Singleton-Objekte, die in der App nur einmal instanziiert werden.

  • Filters - Diese wählen eine Teilmenge von Elementen aus einem Array aus und geben ein neues Array zurück.

  • Directives- Direktiven sind Markierungen für DOM-Elemente wie Elemente, Attribute, CSS und mehr. Diese können verwendet werden, um benutzerdefinierte HTML-Tags zu erstellen, die als neue, benutzerdefinierte Widgets dienen. AngularJS verfügt über integrierte Anweisungen wie ngBind, ngModel usw.

  • Templates- Dies ist die gerenderte Ansicht mit Informationen von der Steuerung und dem Modell. Dies kann eine einzelne Datei (z. B. index.html) oder mehrere Ansichten auf einer Seite mit Teilwerten sein .

  • Routing - Es ist ein Konzept zum Wechseln der Ansichten.

  • Model View Whatever- MVW ist ein Entwurfsmuster zum Aufteilen einer Anwendung in verschiedene Teile, die als Modell, Ansicht und Controller bezeichnet werden und jeweils unterschiedliche Verantwortlichkeiten haben. AngularJS implementiert MVC nicht im herkömmlichen Sinne, sondern eher MVVM (Model-View-ViewModel). Das Angular JS-Team bezeichnet es humorvoll als Model View Whatever.

  • Deep Linking- Durch Deep Linking kann der Anwendungsstatus in der URL codiert werden, sodass ein Lesezeichen erstellt werden kann. Die Anwendung kann dann von der URL in den gleichen Status zurückversetzt werden.

  • Dependency Injection - AngularJS verfügt über ein integriertes Subsystem für die Abhängigkeitsinjektion, mit dem der Entwickler die Anwendungen einfach erstellen, verstehen und testen kann.

Konzepte

Das folgende Diagramm zeigt einige wichtige Teile von AngularJS, die wir in den folgenden Kapiteln ausführlich behandeln werden.

Vorteile von AngularJS

Die Vorteile von AngularJS sind -

  • Es bietet die Möglichkeit, eine Einzelseitenanwendung auf sehr saubere und wartbare Weise zu erstellen.

  • Es bietet Datenbindungsfunktionen für HTML. Auf diese Weise erhalten Benutzer eine reichhaltige und reaktionsschnelle Erfahrung.

  • Der AngularJS-Code kann auf Einheiten getestet werden.

  • AngularJS verwendet die Abhängigkeitsinjektion und nutzt die Trennung von Bedenken.

  • AngularJS bietet wiederverwendbare Komponenten.

  • Mit AngularJS können die Entwickler mit Funktionscode mehr Funktionen erreichen.

  • In AngularJS sind Ansichten reine HTML-Seiten, und in JavaScript geschriebene Controller übernehmen die Geschäftsverarbeitung.

Darüber hinaus können AngularJS-Anwendungen auf allen gängigen Browsern und Smartphones ausgeführt werden, einschließlich Android- und iOS-basierten Telefonen / Tablets.

Nachteile von AngularJS

Obwohl AngularJS viele Vorteile mit sich bringt, gibt es hier einige Punkte, die Anlass zur Sorge geben:

  • Not Secure- Da es sich nur um ein JavaScript-Framework handelt, sind in AngularJS geschriebene Anwendungen nicht sicher. Die serverseitige Authentifizierung und Autorisierung ist erforderlich, um die Sicherheit einer Anwendung zu gewährleisten.

  • Not degradable - Wenn der Benutzer Ihrer Anwendung JavaScript deaktiviert, ist außer der Basisseite nichts sichtbar.

AngularJS-Richtlinien

Das AngularJS-Framework kann in drei Hauptteile unterteilt werden:

  • ng-app - Diese Direktive definiert und verknüpft eine AngularJS-Anwendung mit HTML.

  • ng-model - Diese Anweisung bindet die Werte von AngularJS-Anwendungsdaten an HTML-Eingabesteuerelemente.

  • ng-bind - Diese Anweisung bindet die AngularJS-Anwendungsdaten an HTML-Tags.