Cos’è Angular 4 e da dove posso saperne di più?

Recentemente qualcuno mi ha parlato di Angular 4, che cos’è? In che modo è diverso da Angular 2? Sto imparando Angular 2. Ho provato a trovare il sito ufficiale di Angular 4 ma non ho ottenuto il risultato. Sono molto curioso a riguardo.

MODIFICARE

Il sito Web di Angular 4 è ora disponibile qui .

MODIFICA 2

Angular 5 (beta) è ora disponibile qui.

MODIFICA 3

Angular 5 è ora disponibile qui , i cambiamenti sono disponibili qui

MODIFICA 4

Angular 6 è ora disponibile qui .

MODIFICA 5

Angular 7 (beta) è ora disponibile.

Angular 4 è solo una versione più recente di Angular di Angular 2.

Angular 2.xx e Angular 4.xx sono anche denominati Angular , mentre la versione precedente (1.xx) è denominata AngularJS .
Questa differenza di nome indica che ci sono grandi differenze, mentre Angular 4.xx è solo una versione più recente di Angular di Angular 2.xx.

Angular utilizza il versioning semantico da Angular 2, che richiede che il numero maggiore venga aumentato quando vengono introdotte le modifiche di rottura.

Il team di Angular ha posticipato le funzionalità che causano modifiche alle interruzioni, che verranno rilasciate con Angular 4.

La versione angular 3.xx è stata saltata per poter allineare i numeri di versione dei moduli core, poiché il router aveva già la versione 3.

Per vedere quali modifiche verranno introdotte in Angular4, consultare https://github.com/angular/angular/blob/master/CHANGELOG.md

Vedi anche questo post del blog http://angularjs.blogspot.co.at/2016/10/versioning-and-releasing-angular.html

1) Novità?

1.1 Più piccolo e veloce

1.2 Pacchetto di animazione

Animazioni estratte da @ angular / core e nel loro pacchetto. Ciò significa che se non si utilizzano animazioni, questo codice aggiuntivo non finirà nei bundle di produzione.

2) Nuove funzionalità

2.0) Visualizza il motore

Il nuovo motore di visualizzazione migliora in modo significativo la fase di compilazione che si traduce in una minore dimensione dell’applicazione rispetto alle iterazioni precedenti.

2.1 Miglioramento * ngIf e * ngFor Ora è ansible utilizzare una syntax di stile if / else e assegnare variabili locali come ad esempio lo srotolamento di un osservabile.

{{count}} total users
Loading...

2.2 Angolare universale

2.3 Compatibilità con TypeScript 2.1 e 2.2

2.4 Mappe di origine per modelli

Ora, quando c’è un errore causato da qualcosa in uno dei tuoi modelli, genera mappe sorgente che danno un contesto significativo in termini di modello originale.

3) Modifiche di imballaggio

3.1 Moduli Flat ES (Flat ESM / FESM)

Questo formato dovrebbe aiutare a scuotere gli alberi, contribuire a ridurre le dimensioni dei bundle generati e accelerare la costruzione, la transpilazione e il caricamento nel browser in determinati scenari.

3.2 Build ES2015 sperimentali

Questa opzione è sperimentale e opt-in. Gli sviluppatori hanno segnalato fino al 7% di risparmio in termini di dimensioni del bundle combinando questi pacchetti con Rollup.

3.3 Compatibilità della chiusura sperimentale

rendendo ansible sfruttare le ottimizzazioni avanzate di chiusura, con conseguente riduzione delle dimensioni dei pacchi e migliore scuotimento degli alberi.

Ho ricevuto queste informazioni da questo blog …… per ulteriori informazioni, fare riferimento qui

Cos’è Angular 4?

Angular 4 è un framework di sviluppo web open source scritto e gestito dal team angular di Google.

Per comprendere meglio le capacità angolari, osserviamo alcuni dei punti importanti relativi all’angular.

  1. Angular 4 o semplicemente Angular è la prossima versione logica di Angular2 ma non ha nulla in comune con Angular 1 anche chiamato AngularJS

  2. Angular è scritto in TypeScript e quindi viene fornito con tutte le funzionalità offerte da typescript

  3. Angular è anche utilizzato nel framework di sviluppo mobile multipiattaforma chiamato IONIC e quindi non è limitato alle sole applicazioni web

Per mantenere l’aggiornamento Angular, la comunità angular ha annunciato release angolari ogni 6 mesi

Ecco la fonte di questa risposta e un tutorial per principianti su Angular 4 :

Tutorial angular 4

Prendendo spunto da questo blog , vediamo cosa c’è di nuovo in Angular 4!

Rispetto ad Angular 2, ci sono molte novità aggiunte all’elenco. Non solo le nuove funzionalità, ma anche alcune modifiche sono lì che migliorano le vecchie funzionalità.

Più veloce e più piccolo

Con Angular 4, le applicazioni saranno meno ingombranti e più veloci di prima. Tuttavia, in nessun modo sono ancora finiti, e il team si concentra su ulteriori miglioramenti nei prossimi mesi.

Visualizza il motore

Hanno apportato delle modifiche per capire a cosa assomiglia il codice generato da AOT. Queste modifiche riducono la dimensione del codice generato per i componenti di circa il 60% nella maggior parte dei casi. Più complessi sono i modelli, maggiore è il risparmio. Durante il periodo di rilascio del rilascio, molti sviluppatori che hanno migrato ad Angular 4 hanno ridotto i loro bundle di produzione di centinaia di kilobyte.

Pacchetto di animazione

Hanno estratto animazioni da @ angular / core e inserito nel proprio pacchetto. Ciò significa che se non si utilizzano animazioni, questo codice aggiuntivo non finirà nei bundle di produzione. Questa modifica consente inoltre di trovare più facilmente la documentazione e sfruttare al meglio il completamento automatico. Puoi aggiungere animazioni tu stesso al tuo NgModule principale importando BrowserAnimationsModule da @ angular / platform-browser / animations.

Nuove caratteristiche

Migliorato * ngIf e * ngFor

La syntax dell’associazione del modello ora supporta un paio di modifiche utili. È ora ansible utilizzare una syntax di stile if / else e assegnare variabili locali come ad esempio lo srotolamento di un osservabile.

 
{{count}} total users
Loading…

Angolare universale

Universal, il progetto che consente agli sviluppatori di eseguire Angular su un server, è ora aggiornato con Angular di nuovo, e questa è la prima versione da quando Universal, originariamente un progetto guidato dalla comunità, è stato adottato dal team di Angular. Questa versione include ora i risultati del lavoro interno ed esterno del team Universal negli ultimi mesi. La maggior parte del codice universale ora si trova in @angular/platform-server .

Compatibilità con TypeScript 2.1 e 2.2

Il team ha aggiornato Angular su una versione più recente di TypeScript. Ciò migliorerà la velocità di ngc e migliorerà la verifica del tipo in tutta l’applicazione.

Mappe di origine per modelli

Ora, quando c’è un errore causato da qualcosa in uno dei tuoi modelli, generano mappe sorgente che danno un contesto significativo in termini di modello originale.

La linea di fondo

non sarebbe difficile passare ad Angular 4. Tuttavia, se non ti senti ancora a tuo agio con Angular 2, potrebbe essere un po ‘difficile per te. In tal caso, il parere di un esperto di ValueCoder consisterebbe nell’attendere qualche altro mese e poi prenderlo perché mancano ancora 6 mesi prima che arrivi Angular 5.

Questi sono l’elenco di importanti cambiamenti nell’angular 4

  1. Salto angular 3.0 ad angular 4.0 in modo che possiamo allineare core con il router che è già 3.0
  2. Il compilatore è più veloce rispetto all’angular 2
  3. Alcuni degli insetti che si trovano nell’angular 2 sono rettificati nell’angular 4
  4. È stata introdotta la clausola Else inserisci la descrizione dell'immagine qui
  5. Il rendering è stato rinominato in Renderer2 (il motivo per cui questo è stato fatto è perché sotto il cofano c’erano molte modifiche)

Per maggiori informazioni -> http://www.prathapkudupublog.com/2017/04/important-changes-in-angular-4.html#more

Angular 2 non ci sono modifiche ai percorsi. Ma sì, ci sono alcune caratteristiche extra che sono venute a rendere angular la struttura più potente di 4.

  • Riduci le dimensioni del motore di visualizzazione : – Ci sono cambiamenti più avanzati in AOT di angular, quindi migliora il tempo di compilazione. Queste modifiche riducono anche quasi il 60% delle dimensioni dell’app.
  • Introduci il nuovo tubo : – Angular 4 introduce un nuovo tubo ‘titlecase’ | ‘ quindi usando questa pipe puoi cambiare il primo capitale successivo di qualsiasi parola.
  • ngIf e altro : – Precedentemente ‘ngIf’ è lì ma in angular 4 introducono anche ‘else’ così, ora puoi usare if else block in html DOM.
  • Come parola chiave : – Angular 4 introduce una nuova parola chiave chiamata “As” per la semplificazione di “let” come definito in precedenza
  • Pacchetti di animazione : – Pacchetto di animazione separato da core angular. Ora le animazioni hanno il loro pacchetto, ovvero @ angular / platform-browser / animations.
  • Rinomina modello : – Ora il template diventa ‘ng-template’. Dovresti usare il tag ng-template invece del template.
  • Parametri di ricerca : – In 4 angolari è ansible fornire i parametri di ricerca nella richiesta http. Questo diventa facile da usare.
  • Nuovi validatori di form : – Ci sono molti metodi di convalida forniti da angular 2, ma ce n’è uno che viene utilizzato più contemporaneamente, ad esempio un validatore di e-mail. Quindi ora usa un validatore di e-mail che viene introdotto in modo angular

Angular 2 è moderno e sfrutta le funzionalità fornite negli ultimi standard javascript e alcune oltre, come classi, moduli API e decoratori.è in grado di supportare i browser legacy. Angular 2 ha una semplicità semplificata. Dispone di un numero minore di istruzioni incorporate per imparare, un binding più semplice.

Non stanno rilasciando Angular 3 perché mentre seguono la versione semantica tutte le librerie nel repository github di Angular sono versionate allo stesso modo, ovvero 2.4.9 ma a causa del disallineamento della versione del pacchetto del router angular, il team ha deciso di procedere direttamente per Angular v4.