2016-01-14 8 views
6

Ich kann meinen Winkel App mit Version 1 so habe i es mit Winkel Version aktualisiert 2Upgrade Winkel 1 bis 2

Wir begannen ein neues Projekt zu entwerfen, wie jeder mit kantigem bezeichnet werden gebaut unsere vorherige, die Wichtigkeit dieses Projekts ist sehr hoch und es wird für mindestens Jahre leben und aufrechterhalten werden.

Angular 2.0 ist im Beta-Modus erschienen und es sieht so aus, als würde sich alles ändern, $ scope ist out, Direktiven sind raus und das gesamte DI-Konzept wird sich ändern.

  1. Gibt es in den nächsten Monaten einen Migrationspfad/eine Strategie?
  2. Wenn wir das Projekt mit 1.x erstellt haben, welche Maßnahmen müssen wir während der Entwicklung ergreifen, um eine saubere Migration zu gewährleisten? Können diese 2 Versionen als 2 verschiedene Rahmen betrachtet werden?

Bitte helfen Sie mir zu sortieren.

Antwort

3

Ermöglicht das Mischen von Angular 1 und Angular 2 in der gleichen Anwendung. Sie können Angular 1- und Angular 2-Komponenten in derselben Ansicht mischen. Angular 1 und Angular 2 können Dienste über Frameworks hinweg einspeisen. Datenbindung funktioniert über Frameworks hinweg.

Anwendung Upgrade-Prozess:

  1. Fügen Sie die Angular 2 und ng-Upgrade-Bibliotheken mit Ihrer vorhandenen Anwendung
  2. eine Komponente Auswahl, die Sie möchten
    • Bearbeiten, um eine Eckige 1-Richtlinie der Vorlage migrieren konform zu Angular 2-Syntax
    • Konvertieren Sie die Controller/Linking-Funktion der Richtlinie in Angular 2 Syntax/Semantik
  3. Verwendung ng-Upgrade der Richtlinie (jetzt eine Komponente) als Angular 1 Komponente exportieren (dies ist nötig, wenn Sie die neue Winkel 2 Komponente aus einem Winkel 1 Vorlage nennen wollen)
  4. Wählen Sie eine Dienstleistung, die Sie würde gerne migrieren
    • Die meisten Dienste sollten minimale bis keine Änderung erfordern.
    • den Dienst konfigurieren in Angular 2.
    • (optional) Wiederausfuhr den Dienst in Angular 1 ng-Upgrade zu verwenden, wenn es noch von anderen Teilen des Angular-1-Code
  5. Wiederholen Sie tun Schritt # verwendet wird 2 und # 3 in einer Reihenfolge, die für Ihre Anwendungsentwicklung praktisch ist
  6. Sobald keine weiteren Dienste/Komponenten konvertiert werden müssen, setzen Sie den Bootstrap auf der obersten Ebene von Angular 1 und ersetzen ihn durch Angular 2 Bootstrap.

ref: http://angularjs.blogspot.com/2015/08/angular-1-and-angular-2-coexistence.html

5

Ich denke, dass von Angular 1 bis 2 Migration ist nicht annähernd so schlimm wie die meisten Leute denken, es ist.

Grundsätzlich müssen Sie es brechen und die Konzepte wandern zuerst ...

  • Bootstrapping
  • Controller
  • Richtlinien
  • Komponenten
  • Module
  • Routing
  • Dienstleistungen
  • Formulare
  • Filter

Fast alle diese können wieder auf 1.x Konzepte abgebildet werden - auch wenn es nicht eine 1: 1-Beziehung. Sobald Sie verstanden haben, wie jedes dieser Dinge erledigt wird, ist es viel einfacher zu entscheiden, wie Sie Ihren bestehenden Code langsam auf die neuen Konzepte migrieren können.

Es ist schwer, alle diese Dinge in einer einzigen SO-Antwort zu decken, also schauen Sie sich vielleicht ngmigrate.telerik.com an, was viel detaillierter ist.