Angular 2 Tutorial

Angular 2 ist eine von Google gewartete Open-Source-JavaScript-Bibliothek zur Unterstützung beim Ausführen von Single-Page-Anwendungen.

Angular 2 ist eine aktualisierte Version von Angular 1.x mit deutlich verbesserter Leistung und guter Unterstützung für Webentwicklungskomponenten.

Angular 2 wurde im September 2016 veröffentlicht und basiert auf ES6.

Voraussetzungen zum Lernen dieses Tutorials

Vor dem Durcharbeiten dieses Tutorials müssen Sie über grundlegende Frontend-Kenntnisse verfügen: HTML, CSS, JavaScript. Außerdem müssen Sie NPM und TypeScript verstehen.

Unterschiede zwischen Angular 2.x und Angular 1.x

Der Unterschied zwischen Angular 2.x und Angular 1.x ähnelt dem Unterschied zwischen Java und JavaScript, oder besser gesagt dem Unterschied zwischen Lei Feng und dem Leifeng-Turm. Daher müssen Sie beim Erlernen von Angular 2.x darauf vorbereitet sein, eine Sprache neu zu lernen.

Ausführungsanforderungen!

Da verschiedene Umgebungen (Browser oder Node) ES6-Code derzeit nicht unterstützen, sind einige Shims und Polyfills (die für den IE benötigt werden) erforderlich, um in ES6 geschriebenen Code in eine ES5-Form zu konvertieren, damit er in Browsern normal ausgeführt werden kann.

Wie aus der obigen Abbildung ersichtlich ist, werden unter ES5-Browsern die folgenden ModulLoader benötigt:

  • systemjs- Universeller Modul-Loader, der das Laden von JS-Modulen in verschiedenen Formaten wie AMD, CommonJS und ES6 unterstützt.

  • es6-module-loader- ES6-Modul-Loader; SystemJS lädt dieses Modul automatisch.

  • traceur- ES6-Transpiler, konvertiert ES6-Code in vom aktuellen Browser unterstützten ES5-Code; SystemJS lädt dieses Modul automatisch.

Verwandte Referenzdokumentation

Weitere Erweiterungen