Das Angular-Team hat kürzlich die offizielle Version von Angular 1.5 veröffentlicht, die ein umfangreiches Upgrade ermöglicht. Dadurch können Entwickler, die noch Version 1.X verwenden, einfacher auf die Angular 2-Entwicklung umsteigen.
Pete Bacon Darwin schrieb in einem Blogbeitrag, in dem er die Veröffentlichung ankündigte, dass der Zweck dieser Veröffentlichung darin bestehe, „den Upgrade-Pfad für Angular 2 zu verbessern“. Wir haben in dieser Veröffentlichung einige neue Funktionen eingeführt, um Entwicklern das Schreiben von Angular 1-Anwendungen näher zu bringen auf die in Angular 2 angewendete Struktur. ”
In dieser Version ist die neue Hilfsmethode module.component() die größte Änderung beim Übergang zu Angular 2. Durch die Verwendung dieser Methode müssen Entwickler beim Schreiben von Anweisungen nicht mehr dem traditionellen Stil der Direktivendefinitionsobjekte folgen. Wenn Leser bereits mit der Schreibweise von Angular 2 vertraut sind, dürfte ihnen diese Ähnlichkeit auffallen. In dem Artikel zeigt der Autor die Methode zum Definieren einer neuen Komponente anhand eines Beispiels:
myModule.component('myComponent', { template: '<h1>Hello {{ $ctrl.getFullName() }}</h1>', bindings: { firstName: '<', lastName: '<' }, controller: function() { this.getFullName = function() { return this.firstName + ' ' + this.lastName; }; } });
Vor dem Aufkommen von Komponenten konnten Entwickler normalerweise nur Anweisungen verwenden oder bestimmte Szenarien durch den unkonventionellen Einsatz von Controllern erreichen. Dies bedeutet jedoch nicht, dass Komponenten die Rolle von Anweisungen vollständig ersetzen. Beispielsweise können Komponenten nicht zum Betreiben des DOM verwendet werden, und alle Komponenten müssen über benutzerdefinierte HTML-Elemente aktiviert werden, und die Auslösung über Elementattribute wird nicht unterstützt. Die auf die oben beschriebene Weise definierte Komponente kann über den folgenden Code verwendet werden:
<my-component first-name="'Alan'" last-name="'Rickman'"></my-component>
Der neue Komponentenleitfaden bietet eine umfassendere Erläuterung der Unterschiede zwischen herkömmlichen Richtlinien und Komponenten.
Einwegbindung
Lebenszyklus-Hook
An erforderliche Direktive binden
Unterstützt Transklusion für mehrere Slots
Standard-Transklusionsinhalt
Entwickler, die derzeit Version 1.4 verwenden, können den Migrationsleitfaden lesen, um zu erfahren, welche notwendigen Änderungen bei der Migration erforderlich sind, da in Version 1.5 einige wichtige Änderungen eingeführt wurden.
In absehbarer Zeit dürfte Version 1.5 die größte Änderung sein. Als InfoQ Bacon Darwin fragte, wohin Version 1.X gehen wird, antwortete er Folgendes:
Wir haben noch nicht mit der Planung für den nächsten Veröffentlichungszyklus von Angular 1 begonnen. Da das offizielle Veröffentlichungsdatum von Angular 2 immer näher rückt, werden wir bei der Weiterentwicklung von Angular 1 versuchen, es näher an Angular 2 heranzuführen. Wenn dazu bahnbrechende Änderungen eingeführt werden müssen, ist mit Version 1.6 zu rechnen. Gleichzeitig werden wir die Entwicklung der Angular-Version 1.5.x fortsetzen und Fehlerkorrekturen und einige kleinere Funktionen bereitstellen. Kurz gesagt steht dies nicht im Widerspruch zu unserem Ziel, die Migration von Angular 1.X auf Angular 2 zu vereinfachen.
Die neue Komponenten-Router-Funktion soll noch in dieser Woche veröffentlicht werden. Interessierte Freunde beachten bitte die Website von Script House!