53 votes

Qu'est-ce qu'Angular 4 et où puis-je en apprendre davantage à son sujet ?

Récemment, quelqu'un m'a parlé d'Angular 4. Qu'est-ce que c'est ? En quoi est-il différent d'Angular 2 ? Je suis en train d'apprendre Angular 2. J'ai essayé de trouver le site officiel d'Angular 4 mais je n'ai pas obtenu de résultat. Je suis très curieux à ce sujet.

EDIT

Le site web Angular 4 est maintenant disponible ici .

EDIT 2

Angular 5 (bêta) est maintenant disponible ici.

EDIT 3

Angular 5 est maintenant disponible ici les changements sont disponibles ici

EDIT 4

Angular 6 est maintenant disponible ici .

EDIT 5

Angular 7 est maintenant disponible.

EDIT 6

Angular 8 est maintenant disponible ici .

Pour les mises à jour et les nouvelles fonctionnalités, veuillez consulter Article de blog sur Angular pour la version 8

Edit 7

La documentation d'Angular 9 se trouve ici https://next.angular.io/docs

Pour les mises à jour et les nouvelles fonctionnalités, veuillez consulter Article de blog sur Angular pour la version 9

57voto

Günter Zöchbauer Points 21340

Angular 4 est simplement une version d'Angular plus récente qu'Angular 2.

Angular 2.x.x, et Angular 4.x.x sont également nommés Angulaire tandis que la version précédente (1.x.x) est nommée AngularJS .
Cette différence de nom indique qu'il existe des différences majeures, alors qu'Angular 4.x.x n'est qu'une version plus récente d'Angular que Angular 2.x.x.

Angular utilise versionnement sémantique depuis Angular 2, ce qui nécessite que le numéro de majeure soit augmenté lorsque des modifications de rupture sont introduites.

L'équipe d'Angular a reporté les fonctionnalités qui entraînent des changements de rupture, qui seront publiées avec Angular 4.

La version 3.x.x d'Angular a été ignorée pour pouvoir aligner les numéros de version des modules de base, car le routeur possédait déjà la version 3.

Pour voir quels changements seront introduits dans Angular4, voir https://github.com/angular/angular/blob/master/CHANGELOG.md

Voir aussi cet article de blog http://angularjs.blogspot.co.at/2016/10/versioning-and-releasing-angular.html

9 votes

@amdev non, ce n'est pas le cas. Comme je l'ai mentionné, il s'agissait d'aligner tous les modules sur le même numéro de version majeure. En effet, 3 mois seulement avant la sortie de la version 2.0.0, ils ont abandonné l'ancien routeur et en ont créé un nouveau pour lequel ils ont utilisé un nouveau numéro de version (3.0.0). Cette étape non planifiée a été compensée par le passage à la version 4.0.0 pour tous les paquets.

23voto

Jose Kj Points 857

1)Quoi de neuf ?

1.1 Plus petit et plus rapide

1.2 Paquet d'animation

Les animations ont été retirées de @angular/core et placées dans leur propre paquet. Cela signifie que si vous n'utilisez pas les animations, ce code supplémentaire ne se retrouvera pas dans vos paquets de production.

2) Nouvelles fonctionnalités

2.0) Voir le moteur

Le nouveau moteur de visualisation améliore considérablement l'étape de compilation, ce qui permet de réduire la taille des applications par rapport aux itérations précédentes.

2.1 Amélioration de *ngIf et *ngFor Vous pouvez désormais utiliser une syntaxe de type if/else et affecter des variables locales, comme lors du déroulement d'une observable.

  <div *ngIf="userList | async as users; else loading">
   <user-profile *ngFor="let user of users; count as count" [user]="user">
   </user-profile>
   <div>{{count}} total users</div>
 </div>
 <ng-template #loading>Loading...</ng-template>

2.2 Universel angulaire

2.3 Compatibilité avec TypeScript 2.1 et 2.2

2.4 Cartes sources pour les modèles

Désormais, lorsqu'une erreur est causée par un élément de l'un de vos modèles, il génère des cartes sources qui donnent un contexte significatif en termes de modèle original.

3) Changements d'emballage

3.1 Modules ES plats (Flat ESM / FESM)

Ce format devrait faciliter le tree-shaking, aider à réduire la taille des paquets générés et accélérer la construction, la transpilation et le chargement dans le navigateur dans certains scénarios.

3.2 Constructions ES2015 expérimentales

Cette option est expérimentale et facultative. Les développeurs ont rapporté des économies de taille de paquet allant jusqu'à 7% en combinant ces paquets avec Rollup.

3.3 Compatibilité des fermetures expérimentales

permettant de tirer parti des optimisations avancées de Closure, ce qui permet de réduire la taille des paquets et de mieux secouer les arbres.

J'ai obtenu cette information de ce blog...... pour plus d'information se référer ici

0 votes

Je pense que la principale différence est le nouveau moteur de vue

9voto

Rishabh.IO Points 351

Qu'est-ce qu'Angular 4 ?

Angular 4 est un source ouverte Cadre de développement web écrit et maintenu par l'équipe angulaire de Google.

Afin de mieux appréhender les capacités d'angular, examinons certains des points importants concernant angular.

  1. Angular 4 ou simplement Angular est la prochaine version logique d'Angular2, mais il n'a rien en commun avec Angular 1, également appelé AngularJS.

  2. Angular est écrit en TypeScript et dispose donc de toutes les capacités offertes par ce langage.

  3. Angular est également utilisé dans le cadre de développement mobile multiplateforme appelé IONIC, qui ne se limite donc pas aux applications web.

Pour continuer à mettre à jour Angular, la communauté angulaire a annoncé des versions d'Angular tous les 6 mois.

Voici la source de cette réponse ainsi qu'une Tutoriel pour débutants sur Angular 4 : :

Tutoriel Angular 4

6voto

Alex Jolig Points 466

Prenant de ce blog En attendant, voyons ce qu'il y a de nouveau dans Angular 4 !

Par rapport à Angular 2, de nombreux éléments ont été ajoutés à la liste. Il n'y a pas que de nouvelles fonctionnalités, il y a aussi des ajustements qui améliorent les anciennes fonctionnalités. fonctionnalités.

Plus rapide et plus petit

Avec Angular 4, les applications seront moins gourmandes en espace et plus rapides qu'avant. plus rapides qu'auparavant. Cependant, ce n'est pas fini, et l'équipe se concentre sur d'autres améliorations dans les années à venir. l'équipe se concentre sur la réalisation d'autres améliorations au cours des mois à venir.

Voir le moteur

Ils ont fait des changements sous le capot à ce que le code généré par AOT ressemble ressemble. Ces modifications permettent de réduire la taille du code généré pour les composants d'environ 60% dans la plupart des cas. Plus les modèles sont complexes sont plus complexes, plus les économies sont importantes. Au cours de la période de la release candidate, de nombreux développeurs qui ont migré vers Angular 4 ont réduit leurs paquets de production de plusieurs centaines de kilo-octets.

Paquet d'animation

Ils ont retiré les animations de @angular/core pour les mettre dans leur propre propre paquet. Cela signifie que si vous n'utilisez pas les animations, ce code supplémentaire ne se retrouvera pas dans vos bundles de production. code supplémentaire ne se retrouvera pas dans vos paquets de production. Ce changement permet également Ce changement vous permet également de trouver plus facilement la documentation et de prendre de meilleures décisions. mieux profiter de l'autocomplétion. Vous pouvez ajouter vous-même des animations à votre principal NgModule en important BrowserAnimationsModule de @angular/platform-browser/animations.

Nouvelles fonctionnalités

Amélioration de *ngIf et *ngFor

La syntaxe de liaison des modèles prend désormais en charge quelques modifications utiles. Vous pouvez utiliser une syntaxe de type if/else et affecter des variables locales, comme comme lors du déroulement d'un observable.

<div *ngIf=”userList | async as users; else loading”>
  <user-profile *ngFor=”let user of users; count as count” [user]=”user”>
  </user-profile>
  <div>{{count}} total users</div>
</div>
<ng-template #loading>Loading…</ng-template>

Angulaire Universel

Universal, le projet qui permet aux développeurs d'exécuter Angular sur un serveur, est à nouveau à jour avec Angular, et il s'agit de la première version depuis qu'Universal, qui était à l'origine un projet communautaire, a été adopté par l'équipe Angular. Cette version inclut désormais les résultats du travail interne et externe de l'équipe Universal au cours des derniers mois. derniers mois. La majorité du code d'Universal se trouve désormais dans le répertoire @angular/platform-server .

Compatibilité TypeScript 2.1 et 2.2

L'équipe a mis à jour Angular avec une version plus récente de TypeScript. Cela améliorera la vitesse de ngc et vous obtiendrez un meilleur contrôle de type dans toute votre application.

Cartes sources pour les modèles

Maintenant, quand il y a une erreur causée par quelque chose dans un de vos modèles, ils génèrent des cartes de source qui donnent un contexte significatif en en termes de modèle original.

L'essentiel

il ne serait pas difficile de passer à Angular 4. Cependant, si vous n'êtes n'êtes pas encore très à l'aise avec Angular 2 alors cela peut être un peu difficile pour vous. Dans ce cas ValueCoder Le conseil d'expert de l'auteur d'attendre quelques mois de plus et de l'attraper, car il reste 6 mois avant l'arrivée d'Angular 5. mois avant l'arrivée d'Angular 5.

3voto

Prathap Kudupu Points 719

Voici la liste des changements importants dans angular 4

  1. Passage d'angular 3.0 à angular 4.0 pour pouvoir aligner le noyau avec le routeur qui est déjà en 3.0
  2. Le compilateur est plus rapide qu'angular 2
  3. Certains des bogues présents dans angular 2 sont corrigés dans angular 4.
  4. La clause Else a été introduite enter image description here
  5. Render a été renommé Renderer2 (la raison de ce changement est que sous le capot il y a eu beaucoup de changements)

Pour de plus amples informations -> http://www.prathapkudupublog.com/2017/04/important-changes-in-angular-4.html#more

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X