Angular 6 - Aperçu

Il existe cinq versions majeures d'Angular. La première version publiée est Angular 1, également appelée AngularJS. Angular 1 a été suivi par Angular 2, qui a subi de nombreux changements par rapport à Angular 1.

La structure d'Angular est basée sur l'architecture des composants / services. AngularJS était basé sur le contrôleur de vue modèle.Angular 6 publié en mai 2018 s'avère être une avancée majeure et est la dernière version de l'équipe Angular après Angular 5.

Angular 6 est presque identique à Angular 5. Il a une compatibilité descendante avec Angular 5. Les projets développés dans Angular 5 fonctionneront sans aucun problème avec Angular 5.

Voyons maintenant les nouvelles fonctionnalités et les modifications apportées à Angular 5.

Angular 5 et ses caractéristiques

Angular 5 est sorti en novembre 2017. Conformément à son objectif de vitesse et de taille, il était beaucoup plus rapide et de taille plus petite que celui d'Angular 4. Voici les fonctionnalités introduites dans Angular 5.

  • HTTPClient API- L'API HTTPClient a été introduite pour rendre obsolète la bibliothèque HTTP. L'API HTTPClient est beaucoup plus rapide, sécurisée et efficace que la bibliothèque HTTP.

  • Multiple export aliases - Un composant peut être exporté à l'aide de plusieurs alias pour faciliter le processus de migration.

  • Internationalized Pipes for Number, Date, and Currency - De nouveaux tuyaux sont introduits pour une meilleure standardisation.

  • Lambda support - Les expressions lambda avec des noms propres peuvent être utilisées à la place des fonctions.

  • Build Optimizer- Build Optimizer introduit. Il optimise la taille de la construction et améliore la vitesse de l'application. Angular CLI utilise automatiquement Build Optimizer.

  • Improved Compiler- Le compilateur à partir d'Angular 5 prend en charge la compilation incrémentielle pour une compilation plus rapide. Le compilateur utilise les transformations TypeScript, une nouvelle fonctionnalité de TypeScript 2.3 disponible à partir de.

Voyons maintenant les nouvelles fonctionnalités ajoutées à Angular 6 -

  • Updated Angular CLI, Command Line interface- Nouvelles commandes ajoutées, comme ng-update pour migrer de la version précédente vers la version actuelle. ng-add pour ajouter rapidement des fonctionnalités d'application pour faire de l'application une application Web progressive.

  • Updated CDK, Component Development Kit- Prend en charge la création d'éléments d'interface utilisateur personnalisés sans avoir besoin d'une bibliothèque de matériaux angulaires. Prend en charge les mises en page de conception Web réactive. Prend en charge les packages de superposition pour créer des fenêtres contextuelles.

  • Updated Angular Material - Nouveau composant Tree ajouté, mat-tree, une version stylisée et cdk-tree, une version sans style, pour représenter une structure hiérarchique comme tree.

  • Usage of RxJS, a reactive JS library

  • Angular Element- Permet aux composants angulaires d'être publiés en tant que composants Web qui peuvent ensuite être utilisés dans n'importe quelle page HTML. En utilisant le package Angular Element, des éléments personnalisés natifs peuvent être créés facilement.

  • Plusieurs validateurs - Permet à plusieurs validateurs d'être applicables sur un générateur de formulaire.

  • Tree Shaking on Services - Désormais, le tremblement d'arbre peut également être appliqué aux services pour supprimer le code mort.