Im Juni veröffentlichte Google die AngularJS 1.0 Stable Version,
Und erklärte, dass: AngularJS Sie ermöglicht, die HTML -Syntax so klar und präzise Komponenten in Ihrer Anwendung zu erweitern, und ermöglicht Standard -HTML als Vorlagensprache. AngularJs kann Daten aus einer Benutzeroberfläche (Ansicht) automatisch mit JavaScript-Objekten (Models) durch Zwei-Wege-Datenbindung synchronisieren.
Als ich im April zum neuen Projektteam kam, fing ich an AngularJs zu kontaktieren. Zu diesem Zeitpunkt befand sich AngularJS noch in der 0,8 instabilen Version und wurde im Projekt verwendet. Dieses Framework wird auf das gesamte UI -Ende des Projekts angewendet, und das Serverende ist auch eine instabile Web -API. Ich bewundere den Mut und die Begeisterung des Teams für neue Technologien wirklich. Glücklicherweise kann jeder es gut kontrollieren. Dies ist das erste Mal, dass ich ein Projekt voller instabiler Technologien ausprobiert habe.
Wenn wir zum Thema zurückkehren, schauen wir uns ein offizielles Beispiel an:
<! docType html> <html ng-app> <pecly> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <body> Ihr Name: <Eingabe type "text" {yourname yourname 'World'}}! </Body> </html>Demo:
Ihr Name:
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Hallo Welt!
HINWEIS: Wenn Sie ein Zeichen in das Eingabefeld eingeben, wird sofort an die Aktualisierung der Seite gebunden.
1. Hier ist die NG-Model-Richtlinie (Richtlinie) das Modell-Scope-Attribut Yourname.
2. und verwenden Sie Ausdrücke, um Ihren Namen an Textinformationen zu binden.
3. Hier wird nur ein DOM-Zeithören benötigt, da AngularJS eingebaut ist.
Das AngularJS -Programm ist in 3 Teile unterteilt: Vorlage, Präsentationsschichtlogik und Daten (Modell).
Vorlage: Wir verwenden HTML und CSS, um UI -Ansichtscode zu schreiben, der Anweisungen und Ausdrücke von AngularJs enthält, und werden schließlich durch den AngularJS -Kompilierungsmechanismus kompiliert, um sich an den DOM -Baum zu befestigen. Die Richtlinien von AngularJs können von uns frei erweitert werden.
Präsentationsschichtlogik: einschließlich Anwendungslogik und Verhalten. Verwenden Sie die JavaScript -Definition als Ansichts -Controller -Logik. Als MVC -Framework in AngularJs müssen wir im Controller, der bereits in AngularJs bereits eingebaut ist, keine Ereignisanhörungen hinzufügen. Nachdem das UI -Knoten -DOM -Ereignis aufgetreten ist, wird AngularJS automatisch zu einer bestimmten Verhaltenslogik (Aktion) auf dem Umfang gehen.
Daten: ViewObject muss durch AngularJS -Umfang (erscheinen als Dienst in 1.0) verwiesen werden, wodurch jede Art von JavaScript -Objekt, Array, primitivem Typ und Objekt erstellt werden kann. Darüber hinaus aktualisiert AngularJS das Modell asynchron automatisch, dh das Modell (Modus) automatisch aktualisiert, wenn sich die Benutzeroberfläche ändert, und im Gegenteil, es wird die Benutzeroberfläche automatisch aktualisiert, wenn sich das Modell ändert. Hier müssen wir einige Spaltenmethoden wie Getter und Setter nicht definieren.
Hier ist eine Ansicht vom offiziellen:
Gleichzeitig bietet AngularJS einige nützliche Dienste für Spalten und ermöglicht es uns, Dienste für unser eigenes Unternehmen hinzuzufügen und die zugrunde liegenden AJAX, Cache, URL -Routing, Browser -Abstract -Dienste bereitzustellen und wir können eine beliebige Kombination dieser Dienste mit dem AngularJS -Injektionsmechanismus nutzen. Gleichzeitig ist AngularJS auch ein hochprüfbares JavaScript -Framework. In den offiziellen Beispielen haben sie alle Testprogramme und geben BDD-Entwicklungsrahmen (verhaltensgetrieben).
Das obige ist das AngularJS JavaScript MVC -Framework, das Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!