Heim > Web-Frontend > js-Tutorial > Hauptteil

Angular veröffentlicht die offizielle Version 1.5, die sich auf den Übergang zu Angular 2_AngularJS konzentriert

WBOY
Freigeben: 2016-05-16 15:15:04
Original
1131 Leute haben es durchsucht

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;
};
}
});
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!