Qu’est-ce que Angular 4 et d'où je peux en apprendre plus à ce sujet?
Récemment, quelqu'un m'a parlé de Angular 4, de quoi s'agit-il? En quoi est-il différent de Angular 2? J'apprends Angular 2. J'ai essayé de trouver le site officiel de Angular 4 mais je n'ai pas obtenu le résultat. Je suis très curieux à ce sujet.
EDIT
Le site Web Angular 4 est maintenant disponible ici .
EDIT 2
Angular 5 (beta) est maintenant disponible ici.
EDIT 3
Angular 5 est maintenant disponible ici , les modifications 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 visiter le site billet de blog angulaire pour la version 8
Angular 4 est juste une version plus récente de Angular que Angular 2.
2.xx angulaire et Angular 4.xx sont également nommés angulaires , tandis que la version précédente (1.xx) est nommée AngularJS .
Cette différence de nom indique qu'il existe des différences majeures, alors que Angular 4.xx n'est qu'une version plus récente de Angular que Angular 2.xx est.
Utilisations angulaires versioning sémantique depuis Angular 2, ce qui nécessite l’augmentation du nombre majeur lors de l’introduction des modifications.
L’équipe Angular reporte les fonctionnalités qui entraînent des modifications importantes, qui seront publiées avec Angular 4.
La version 3.x.x angulaire a été ignorée pour pouvoir aligner les numéros de version des modules centraux, 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
1) Quoi de neuf?
1.1 Plus petit et plus rapide
1.2 Forfait Animation
Les animations extraites de @ angular/core et dans leur propre package. Cela signifie que si vous n'utilisez pas d'animations, ce code supplémentaire ne se retrouvera pas dans vos lots 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 réduit la taille de l'application par rapport aux versions précédentes.
2.1 Amélioré * ngIf et * ngFor Vous pouvez maintenant utiliser une syntaxe de style if/else et attribuer des variables locales, par exemple 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>
2.2 Angular Universel
2.3 Compatibilité TypeScript 2.1 et 2.2
2.4 Cartes source pour les modèles
Désormais, lorsque l'un de vos modèles contient une erreur, il génère des mappes source qui donnent un contexte significatif en termes de modèle d'origine.
3) Modifications de l'emballage
3.1 Modules ES plats (ESM/FESM plats)
Ce format devrait contribuer à secouer les arbres, à réduire la taille de vos ensembles 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 expérimentales ES2015
Cette option est expérimentale et opt-in. Les développeurs ont signalé des économies pouvant atteindre 7% sur la taille des ensembles lors de la combinaison de ces packages avec Rollup.
3.3 Compatibilité de la fermeture expérimentale
permettant de tirer parti des optimisations avancées de la fermeture, ce qui permet de réduire la taille des faisceaux et de mieux secouer les arbres.
J'ai obtenu cette information de ce blog ...... pour plus d'informations, voir ici
Qu'est-ce que Angular 4?
Angular 4 est un framework de développement Web open source écrit et mis à jour par l'équipe angular de Google.
Afin de mieux exploiter les capacités angulaires, examinons quelques points importants concernant l'angle.
Angular 4 ou simplement Angular est la prochaine version logique de Angular2, mais elle n’a rien de commun avec Angular 1 aussi appelée AngularJS.
Angular est écrit en TypeScript. Il est donc doté de toutes les fonctionnalités offertes par TypeScript.
Angular est également utilisé dans le cadre de développement mobile multiplateforme appelé IONIC et ne se limite donc pas aux applications Web.
Pour continuer à améliorer Angular, angular la communauté a annoncé la sortie de angular tous les 6 mois
Voici la source de cette réponse et un tutoriel convivial destiné aux débutants sur Angular 4 ::
Prenant de ce blog , vérifions ce qu'il y a de neuf dans Angular 4!
Par rapport à Angular 2, de nombreuses nouveautés ont été ajoutées à la liste. Il existe non seulement de nouvelles fonctionnalités, mais également quelques améliorations qui améliorent les anciennes fonctionnalités.
Plus rapide et plus petit
Avec Angular 4, les applications consommeront moins d’espace et seront plus rapides qu’avant. Cependant, ils ne sont pas encore terminés et l'équipe se concentre sur les améliorations à apporter au cours des prochains mois.
Moteur de visualisation
Ils ont apporté des modifications sous-jacentes à l'apparence du code généré par AOT. Ces modifications réduisent la taille du code généré pour les composants d'environ 60% dans la plupart des cas. Plus les modèles sont complexes, plus les économies sont importantes. Au cours de la période de publication, de nombreux développeurs ayant migré vers Angular 4 ont réduit leurs offres de production de plusieurs centaines de kilo-octets.
Animation Package
Ils ont extrait les animations de @ angular/core et les ont intégrées à leur propre package. Cela signifie que si vous n'utilisez pas d'animations, ce code supplémentaire ne se retrouvera pas dans vos lots de production. Cette modification vous permet également de trouver plus facilement de la documentation et de mieux tirer parti de l'auto-complétion. Vous pouvez ajouter des animations vous-même à votre NgModule principal en important le module BrowserAnimationsModule à partir de @ angular/platform-browser/animations.
Nouvelles fonctionnalités
Amélioré * ngIf et * ngFor
La syntaxe de liaison des modèles prend désormais en charge quelques modifications utiles. Vous pouvez maintenant utiliser une syntaxe de style if/else et affecter des variables locales, par exemple 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>Universel angulaire
Universal, le projet qui permet aux développeurs d'exécuter Angular sur un serveur, est à nouveau mis à jour avec Angular, et il s'agit de la première version depuis Universal, à l'origine un projet axé sur la communauté. , a été adopté par l’équipe Angular. Cette version inclut désormais les résultats des travaux internes et externes de l’équipe Universal au cours des derniers mois. La majorité du code universel se trouve maintenant dans
@angular/platform-server.Compatibilité TypeScript 2.1 & 2.2
L'équipe a mis à jour Angular vers une version plus récente de TypeScript. Cela améliorera la vitesse de ngc et vous obtiendrez une meilleure vérification de type tout au long de votre application.
Mappages de sources pour les modèles
Désormais, lorsque l'un de vos modèles contient une erreur, ils génèrent des mappes source qui donnent un contexte significatif pour le modèle d'origine.
La ligne du bas
il ne serait pas difficile de passer à Angular 4. Cependant, si vous n'êtes toujours pas très à l'aise avec Angular 2, cela peut être un peu difficile pour vous. Dans ce cas, le conseil de ValueCoder ‘‘ est d’attendre quelques mois de plus, puis de le saisir, car il reste encore 6 mois avant que Angular 5 ne vienne.
Voici la liste des modifications importantes apportées à angular 4
- Sauter angular 3.0 à angular 4.0 afin que nous puissions aligner le noyau avec le routeur qui est déjà 3.0
- Le compilateur est plus rapide que angular 2
- Certains des bugs qui se trouvent dans angular 2 sont corrigés dans angular 4
- Une autre clause a été introduite
![enter image description here]()
- Render a été renommé Renderer2 (cela s’explique par le fait qu’il ya eu beaucoup de changements sous le capot)
Pour plus d'informations -> http://www.prathapkudupublog.com/2017/04/important-changes-in-angular-4.html#more
Angular 2, il n'y a pas de changement de trajectoire. Mais oui, il y a quelques fonctionnalités supplémentaires qui sont venues rendre le framework angular 4 plus puissant.
- Réduire la taille du moteur de vue: - Il y a des changements plus avancés dans AOT de angular, donc améliorez le temps de compilation. Ces modifications réduisent également de près de 60% la taille de l'application.
- Introduce new Pipe: - Angular 4 introduit le nouveau "titlecase" pipe ‘|’ afin qu’à l’aide de ce tuyau, vous puissiez modifier la première majuscule des mots.
- ngIf and else: - Auparavant, "ngIf" est là, mais dans angular 4, ils introduisent également "else". Vous pouvez maintenant utiliser if block dans le code HTML DOM.
- As mot clé: - Angular 4 introduit un nouveau mot clé appelé "As" pour simplifier "laisser" comme défini précédemment
- Paquets d'animation: - Séparez le paquet d'animation du noyau angular. Maintenant, les animations ont leur propre paquet c'est-à-dire @ angular/platform-browser/animations.
- Renommer le modèle: - Maintenant, le modèle devient "ng-template". Vous devriez utiliser la balise ng-template au lieu de template.
- Paramètres de recherche: - Dans angular 4, vous pouvez donner des paramètres de recherche dans une requête http. Cela devient facile à utiliser.
- Nouveaux validateurs de formulaire: - Il existe de nombreuses validations de formulaire données par angular 2, mais il en existe un qui utilise plus simultanément un validateur de courrier électronique. Alors maintenant, utilisez email validateur qui est introduit dans angulaire
Angular 2 est moderne. Il prend en charge les fonctionnalités fournies par les dernières normes javascript et certaines au-delà, telles que les classes, les modules d'API et les décorateurs. Il prend en charge les anciens navigateurs.Angular 2 est simplifié.
Ils ne publient pas Angular 3 parce qu’ils suivent les versions sémantiques, toutes les bibliothèques du référentiel github de Angular sont versionnées de la même manière, c’est-à-dire 2.4.9, mais à cause du mauvais alignement de angular version du package de routeur, l'équipe a décidé de passer directement à Angular v4.