2017-06-01 3 views
0

Wir haben eine sehr große Website, die wir noch laufen Angular2.0.0-beta.14 auf. Mein Chef möchte, dass ich ihn auf den neuesten Angular aktualisiere. Gibt es eine schnelle Möglichkeit, alle redundanten Dateien auf die neue Version in meinen TS-Dateien zu ändern, da es viel zu viele Dateien gibt, um alles von Hand zu erledigen. Auch ich weiß nicht, was alle neuen Importe sein werden. Ein Beispiel unsere app.component.ts seinAktualisierung auf @ Angular/@ neueste

import {Component} from 'angular2/core'; 
import {LoginComponent} from './loginpage' 
import {DummyComponent} from './dummyComponent' 
import {ROUTER_DIRECTIVES, RouteConfig} from 'angular2/router' 
import {LandingPage}from'./landingPage' 
import {DebtViewPage}from'./debtViewPage' 

@Component({ 
    selector: 'my-app', 
    directives: [LoginComponent,ROUTER_DIRECTIVES], 
    template: `<router-outlet></router-outlet>` 
}) 

@RouteConfig([ 
    {path: '/login-page', name : 'Login' , component : LoginComponent , 
    useAsDefault: true }, 
    {path:'/landing-page/...',name:'Landing',component:LandingPage} 
]) 

export class AppComponent { 

} 

Dies ist, wie es in Angular2.0.0-beta14

zu arbeiten verwenden Wie neuesten Syntax Angular ändern i dies. Außerdem muss ich alle diese Seiten separat aktualisieren oder gibt es eine Möglichkeit, sie alle auf einmal zu aktualisieren.

+0

https://github.com/angular/angular/blob/ Master/CHANGELOG.md – echonax

+0

Ich kenne kein Tool, das das für Sie tun wird. Und nur ein Kopf, dass das eine ziemliche Aufgabe sein wird. In rc5 Angular hinzugefügtes ngModule, das erfordert, dass jede Komponente, Direktive und Pipe zu einem ngModule hinzugefügt wird (Angular-Modul.) Außerdem wurde der Router vor der Veröffentlichung geändert. So funktioniert ein Suchen/Ersetzen für einige der Importänderungen, aber der Rest erfordert einige manuelle Prozesse. – DeborahK

Antwort

1

Es gibt keine Werkzeug zur Aktualisierung Ihrer Angular App ist Sie folgenden Link überprüfen es Checkliste für die Umwandlung von Winkel 2 App Winkel 4. https://angular-update-guide.firebaseapp.com/

+1

Bevor Sie diese Anweisungen befolgen, müssen Sie nach Angular 2 Final migrieren. Es gibt Schritte für rc4 und hier oben: https://www.barbarianneetscoding.com/blog/2016/08/13/updating-your-angular-2-app-from-rc4-to-rc5-a-practical-guide / – DeborahK

Verwandte Themen