aggiornamento angolare 1-2

Question

Io ho la mia app angolare con versione 1 così can i aggiornare con la versione angolare 2

Abbiamo iniziato a progettare un nuovo progetto che lo ha designato per essere costruito con angolare in ciascuna delle la nostra precedente, l'importanza di questo progetto è molto alta e andrà a vivere e mantenere per almeno anni.

Angular 2.0 è entrato in modalità beta e sembra che tutto stia per cambiare, $ scope è fuori, le direttive sono fuori e l'intero concetto DI sta per cambiare.

1. Esiste un percorso/una strategia di migrazione da prendere in considerazione nei prossimi mesi?
2. Se il progetto è stato creato utilizzando 1.x, quale azione è necessario intraprendere durante lo sviluppo per garantire una migrazione pulita? Queste 2 versioni possono essere considerate come 2 strutture diverse?

Please help me per risolvere.

Answer 1

Abilitazione della miscelazione di Angular 1 e Angular 2 nella stessa applicazione. È possibile mescolare i componenti Angular 1 e Angular 2 nella stessa vista. Angular 1 e Angular 2 possono iniettare servizi tra framework. L'associazione dei dati funziona tra i framework.

processo di aggiornamento

Applicazione:

1. Includere gli angolari 2 e ng-aggiornamento biblioteche con l'applicazione esistente
2. Scegliere un componente che si desidera migrare
   • modificare un modello 1 della direttiva angolare conforme alla sintassi Angular 2
   • Convertire la funzione controller/collegamento della direttiva in sintassi Angular 2/semantica
3. Usa ng-upgrade per esportare la direttiva (ora un componente) come angolare 1 componente (questa operazione è necessaria se si desidera chiamare il nuovo 2 componente angolare da un 1 modello angolare)
4. scegliere un servizio di cui si vorrebbe migrare
   • La maggior parte dei servizi dovrebbe richiedere minimo o nessun cambiamento.
   • Configurare il servizio in angolare 2.
   • (opzionale) riesportare il servizio in angolare 1 utilizzando ng-upgrade se è ancora utilizzato da altre parti del 1 codice angolare
5. Ripetere facendo passo # 2 e 3 in un ordine conveniente per lo sviluppo dell'applicazione
6. Una volta non più servizi/componenti da convertire, rilasciare il bootstrap Angular 1 di livello superiore e sostituirlo con il bootstrap Angular 2.

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

Answer 2

penso che la migrazione da angolare 1-2 non è così male come la maggior parte delle persone pensano che sia.

Fondamentalmente, è necessario operare una scomposizione e migrare i concetti prima ...

• bootstrap
• Controller
• Direttive
• Componenti
• Moduli
• Routing
• Servizi
• Forme
• Filtri

Quasi tutti coloro che possono essere mappati torna a concetti 1.x - anche se non v'è una relazione 1: 1. Una volta compreso il funzionamento di ognuna di queste cose, è molto più semplice decidere come migrare lentamente il codice esistente ai nuovi concetti.

È difficile coprire ognuna di queste cose in una sola risposta SO, quindi forse dai un'occhiata a ngmigrate.telerik.com che va molto più in dettaglio.

Answer 3

Esiste un sito Web online che converte i frammenti di codice HTML angolari 1.x in 4.x angolari. non supporta ancora ts, ma se hai una vecchia applicazione con molte pagine HTML, questo potrebbe tornare utile.

https://www.linkedin.com/pulse/online-angular-1x-4x-converter-balram-chavan

http://angular.cloud