Was ist AngularJS? Einführung in AngularJS_AngularJS
May 16, 2016 pm 04:28 PM
Was ist AngularJS?
AngularJS ist ein strukturelles Framework, das für dynamische WEB-Anwendungen entwickelt wurde. Es erm?glicht Ihnen die Verwendung von HTML als Vorlagensprache und durch die Erweiterung der HTML-Syntax k?nnen Sie Ihre Anwendungskomponenten klarer und pr?gnanter erstellen. Die Innovation besteht darin, dass Sie durch die Verwendung von Datenbindung und Abh?ngigkeitsinjektion viel Code schreiben müssen. Diese werden alle durch browserseitiges Javascript implementiert, wodurch es auch perfekt in jede serverseitige Technologie integriert ist.
AngularJS wurde entwickelt, um die M?ngel von HTML beim Erstellen von Anwendungen zu überwinden. HTML ist eine gute deklarative Sprache, die für die statische Textanzeige entwickelt wurde, aber beim Erstellen von WEB-Anwendungen ist sie schwach. Also habe ich einige Arbeiten durchgeführt (Tricks, wenn Sie so wollen), um den Browser dazu zu bringen, das zu tun, was ich wollte. formatDatum
Normalerweise verwenden wir die folgenden Technologien, um die M?ngel der statischen Webseitentechnologie beim Erstellen dynamischer Anwendungen zu beheben:
1. Klassenbibliothek – Eine Klassenbibliothek ist eine Sammlung von Funktionen, die Ihnen beim Schreiben von WEB-Anwendungen helfen k?nnen. Es ist Ihr Code, der die Kontrolle übernimmt, und Sie entscheiden, wann Sie die Bibliothek verwenden. Zu den Klassenbibliotheken geh?ren: jQuery usw.
2. Framework – Ein Framework ist eine spezielle, bereits implementierte WEB-Anwendung, die Sie nur mit spezifischer Gesch?ftslogik füllen müssen. Das Framework spielt hier eine führende Rolle und ruft Ihren Code entsprechend der spezifischen Anwendungslogik auf. Zu den Frameworks geh?ren: Knockout, Sproutcore usw.
AngularJS verwendet einen anderen Ansatz und versucht, die M?ngel von HTML selbst beim Erstellen von Anwendungen auszugleichen. AngularJS erm?glicht es Browsern, die neue Syntax mithilfe von Strukturen zu erkennen, die wir Direktiven nennen. Zum Beispiel:
1. Verwenden Sie die Syntax mit doppelten geschweiften Klammern {{}} für die Datenbindung
2. Verwenden Sie DOM-Kontrollstrukturen, um DOM-Fragmente zu iterieren oder auszublenden
3. Unterstützungsformulare und Formularvalidierung;
4. F?higkeit, logische Codes relevanten DOM-Elementen zuzuordnen;
5. M?glichkeit, HTML in wiederverwendbare Komponenten zu gruppieren.
Komplettl?sung
AngularJS versucht, eine End-to-End-L?sung für WEB-Anwendungen zu sein. Das bedeutet, dass es sich nicht nur um einen kleinen Teil Ihrer WEB-Anwendung handelt, sondern um eine komplette End-to-End-L?sung. Dadurch wird AngularJS beim Erstellen einer CRUD-Anwendung (Hinzufügen, Erstellen, Abfragen, Abrufen, Aktualisieren, Aktualisieren, L?schen, L?schen) sehr ?meinungsorientiert“ (der Originaltext ist eigensinnig, was bedeutet, dass es nicht viele andere M?glichkeiten gibt). Obwohl es ?hartn?ckig“ ist, stellt es dennoch sicher, dass seine ?Sturheit“ nur am Anfangspunkt beim Erstellen der Anwendung vorhanden ist und Sie immer noch die Flexibilit?t haben, ?nderungen vorzunehmen. Einige der herausragenden Funktionen von AngularJS sind wie folgt: 1. Alles, was zum Erstellen einer CRUD-Anwendung verwendet werden kann, umfasst: Datenbindung, grundlegende Vorlagenkennungen, Formularvalidierung, Routing, Deep Linking, Komponentenwiederverwendung und Abh?ngigkeitsinjektion.
2. Das Testen umfasst: Unit-Tests, End-to-End-Tests, Simulation und ein automatisiertes Test-Framework.3. Seed-Anwendung mit Verzeichnislayout und Testskripten als Ausgangspunkt.
Die Niedlichkeit von AngularJS
AngularJS vereinfacht die Anwendungsentwicklung, indem es Entwicklern eine h?here Abstraktionsebene bietet. Wie bei anderen Abstraktionstechniken geht auch hier etwas Flexibilit?t verloren. Mit anderen Worten: Nicht alle Anwendungen sind für AngularJS geeignet. Das Hauptanliegen von AngularJS ist die Erstellung von CRUD-Anwendungen. Glücklicherweise sind mindestens 90 % der WEB-Anwendungen CRUD-Anwendungen. Um jedoch zu verstehen, was für die Erstellung mit AngularJS geeignet ist, müssen Sie verstehen, was für die Erstellung mit AngularJS nicht geeignet ist. Zum Beispiel unterscheiden sich Spiele, grafische Schnittstelleneditoren und Anwendungen mit h?ufigen und komplexen DOM-Operationen stark von CRUD-Anwendungen und sind nicht für die Erstellung mit AngularJS geeignet. In solchen Situationen ist es m?glicherweise besser, eine leichtere, einfachere Technologie wie jQuery zu verwenden.
Ein einfaches AngularJS-BeispielDas Folgende ist eine typische CRUD-Anwendung, die ein Formular enth?lt. Der Formularwert wird zun?chst validiert und dann zur Berechnung des Gesamtwerts verwendet, der in einem lokalen Stil formatiert wird. Hier sind einige g?ngige Konzepte unter Entwicklern, die Sie zun?chst verstehen müssen: 1. Ordnen Sie das Datenmodell (Datenmodell) der Ansicht (UI) zu 2. Benutzereingaben schreiben, lesen und überprüfen; 3. Berechnen Sie neue Werte gem?? dem Modell 4. Lokalisieren Sie das Ausgabeformat.
index.html:
Code kopieren
Der Code lautet wie folgt:
???
???????
???????
???
???
???????
??????????? Rechnung:
???????????
???????????
???????????
???????????????
???????????????
???????????????????
???????????????????
???????????????
???????????
???????????
??????????? Gesamt: {{Menge * Kosten | W?hrung}}
???????
???