Html ist eine Hypertext -Markup -Sprache, die unsere Webanwendungen und Webseiten strukturiert und für die statische Dokumentenerklärung ideal ist, aber HTML zögert, dynamische Ansichten in Webanwendungen zu deklarieren. Die Lösung ist AngularJs, die unseren HTML -Wortschatz erweitert.
AngularJS ist eines der beliebtesten, open-Source-Front-End-Frontworks, die für dynamische einzelne Webanwendungen verwendet werden, die statische HTML in dynamisches HTML ändern und 2009 entwickelt wurden und derzeit von Google gepflegt werden. AngularJS erweitert die HTML. Die offizielle Website von AngularJS ist unten angegeben, von der Sie AngularJS herunterladen können:
https: // Angularjs.org/
Angularjs Verwendet die Model View Controller -Softwarearchitektur als die meisten JavaScript -Frameworks.
Model View Controller
Modellansicht Controller (MVC) ist ein Software -Architektur -Design, das unsere Anwendung in drei logische Komponenten unterteilt:
Das Modell ist der Teil der Architektur, in dem Daten dargestellt werden. Wenn Sie beispielsweise ein Schulmanagementsystem aufbauen, sind in diesem Teil die Daten von Schülern (Registrierungsnummer, Name, Alter usw.) vorhanden.
Ansichten sind einfach die Präsentationsebene, die den Benutzern gezeigt wird.
Controller repräsentiert die Geschäftslogik, I-E-Benutzerereignisse Trigger-Funktionen, die im Controller initialisiert wurden.
AngularJS -Merkmale
Angular hat einige einzigartige Funktionen, die es so beliebt machen. Einige von ihnen sind:
Angularjs Bietet Datenmodellbindung an, was bedeutet, dass man keinen speziellen Code zum Binden von Daten an HTML -Steuerelemente schreiben muss und mit nur wenigen Snippets auf AngularJS durchgeführt wird.
Wie bereits erwähnt, basiert AngularJS auf dem bekannten MVC-Designmuster, das in den meisten aktuellen Apps verwendet wird.
Angularjs Dreht uns weniger Code im Vergleich zur JavaScript -DOM -Manipulation, Angular hat weniger Code für DOM -Manipulation.
Eine weitere Funktion, die AngularJS anbietet, ist das von Google entworfene Test -Framework -Karma, das Unit -Tests für AngularJS -Anwendungen durchführt.
Angular JS -Vorteile
Open-Source-Framework daher weniger Fehler.
Die Erstellung von Einstellungsanwendungen wird in einer sehr wartbaren und sauberen Umgebung erreicht.
Reiche und reaktionsschnelle Erfahrung mit Datenbindungsfähigkeit wird in HTML bereitgestellt.
Das Routing bewegt sich von einer Seite zu einer anderen und Angular macht es sehr einfach und effizient, da es nur eine einzelne Seite gibt. Sie können jedoch die Ansichten basierend auf Ihrer Präferenz/Anforderung ändern.
Bietet wiederverwendbare Komponenten
Trennung von Bedenken und Abhängigkeitsinjektion wird verwendet.
Sie müssen keine neue Sprache lernen, da es sich um reine JS und HTML handelt.
AngularJS -Anwendungen werden sowohl auf allen großen Browsern als auch auf Android- und iOS -Handys ausgeführt.
Angular JS -Nachteile
Nachdem wir die Vorteile von AngularJs diskutiert haben, lassen Sie uns die Münze auf die andere Seite umdrehen und einige der Nachteile von AngularJs besprechen.
Die serverseitige Authentifizierung und Autorisierung sind eine Notwendigkeit, um unsere Anwendung sicher zu halten. Daher sind AngularJS-Anwendungen nicht sicher.
AngularJS ist nicht abbaubar, was bedeutet, dass wenn der Benutzer das JavaScript deaktiviert, nichts sichtbar wäre, außer auf der Basisseite
AngularJS -Richtlinien
Angular JS Bietet uns einzigartige und leistungsstarke Richtlinien, mit denen wir neue HTML -Syntax -Pazifik für unsere Anwendung erfinden können. AngularJs ist in drei Teile unterteilt:
Die Richtlinie für die Verknüpfung von HTML- und AngularJS-Anwendungen ist die NG-App ist.
Die Richtlinie, die für die Bindung der Werte von Winkel-JS an HTML-Eingangsregelungen verantwortlich ist, ist das NG-Model.
Die Richtlinie, die für die Bindung der AngularJS-Anwendung an HTML-Tags verantwortlich ist, ist NG-Bind.
Beispiel für AngularJS -Richtlinien
Angenommen, es gibt ein Eingabefeld und wir möchten die getippte Zeichenfolge im Etikett anzeigen, dann verwenden wir die NG-App, BG-Model sowie NG-Bind im folgenden Beispiel, um unseren Zweck zu erreichen:
Name eingeben:
Hallo!
Abschluss
HTML eignet sich hervorragend für statische Dokumente, um dynamische Ansichten zu deklarieren. AngularJS erweitert das HTML -Vokabular und ist eines der beliebtesten Webrahmen, mit dem einzelne Webseiten entworfen werden.
Dieser Artikel war eine Einführung in das, was AngularJs ist, und wir haben fast den gesamten theoretischen Teil dessen, was AngularJ ist.