Maison > Article > interface Web > Une brève discussion sur les nouvelles fonctionnalités d'Angular10
Cet article vous fera découvrir les nouvelles fonctionnalités de Angular10. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.
Angular 10 est une mise à niveau majeure du populaire framework de développement Web et est généralement disponible en version officielle le 24 juin. La mise à niveau de la version officielle est basée sur le framework basé sur TypeScript développé par Google, qui se concentre davantage sur la qualité, les outils et les fonctionnalités d'amélioration de l'écosystème que la nouvelle version.
Angular 10 est plus petit que les versions Angular précédentes. Les nouvelles fonctionnalités incluent un nouveau sélecteur de plage de dates et des avertissements d'importation CommonJS dans la bibliothèque de composants Angular Material UI. Les avertissements d'importation CommonJS alertent les développeurs lors de l'utilisation de dépendances fournies avec CommonJS qui pourraient entraîner des applications plus volumineuses et plus lentes, permettant aux développeurs de remplacer les packages de modules ECMAScript.
Recommandations de didacticiel associées : "tutoriel angulaire"
De plus, les paramètres stricts facultatifs fournissent des paramètres de projet plus stricts lors de la création d'un nouvel espace de travailng new
, via ng new -- strict
. L'activation de cet indicateur initialisera les nouveaux projets avec de nouveaux paramètres pour améliorer la maintenabilité, aider à détecter les erreurs et permettre à la CLI d'effectuer des optimisations avancées sur l'application.
Vous pouvez trouver la version générale d'Angular 10 sur GitHub. Pour mettre à jour votre installation Angular actuelle, vous pouvez exécuter la commande suivante :
ng update @angular/cli @angular/core
Les principales fonctionnalités d'Angular 10 inclure :
yarn
ou npm install
pour les packages et bibliothèques Angular. EntryPointFinder
, qui est un outil de recherche de point d'entrée basé sur un programme qui obtient des graines à partir des importations dans le programme spécifié par le fichier tsjconfig.json. Cela devrait être plus rapide que DirectoryWalkerEntryPointFinder
lorsque le programme actif importe uniquement un petit ensemble de points d'entrée installés. &
en raison de problèmes de valeur et de performances douteux. ModuleWithProviders
obligatoireModuleWithProviders
. Pour que le modèle ModuleWithProviders
fonctionne avec le pipeline de compilation et de rendu Ivy, un paramètre de type générique est requis, mais avant cette soumission, View Engine autorisait l'omission des types génériques. Les migrations de la version 10 mettront à jour le code si les développeurs utilisent ModuleWithProviders
sans types génériques. Cependant, si un développeur utilise View Engine et s'appuie sur une bibliothèque qui ignore les types génériques, une erreur de build sera émise. Dans ce cas, ngcc n'aidera pas et la migration ne couvrira que le code de l'application. Les auteurs de bibliothèques doivent être contactés pour réparer leurs bibliothèques. Pour contourner le problème, vous pouvez définir skipLibChecks sur false dans tsconfig ou mettre à jour l'application pour utiliser uniquement Ivy. basePaths
a été différé, le travail n'est donc effectué que lorsque TargetedEntryPointFinder
en a besoin. Auparavant, basePaths
était évalué à chaque fois que le chercheur était instancié, ce qui gaspillait des efforts lorsque le point d'entrée cible avait déjà été traité. retryAttempts
et retryDelay
. Les tests d'intégration comportent de nouveaux contrôles de délai d'attente ajoutés et des délais d'attente réduits à l'aide de ngcc.config.js pour éviter que les tests ne prennent trop de temps. EMPTY
analyseur annulera la navigation. Pour que la navigation continue, le développeur doit mettre à jour l'analyseur pour mettre à jour certaines valeurs, telles que default!Empty
. b
ou B
, la chaîne rendue ne gère pas correctement les heures d'ensoleillement qui s'étendent sur plusieurs jours. Au lieu de cela, la logique revient au cas par défaut de AM
. Cette logique a été mise à jour afin qu'elle corresponde à l'heure de la journée après minuit, elle affichera donc désormais la sortie correcte, telle que at night
at night
pour l'anglais.Les applications utilisant les codes au format formatDate()
ou DatePipe
ou b
et B
seront affectées par ce changement. CanLoad
protecteur peut désormais revenir Urltree
. Revenez à la Urltree
ProtectionCanLoad
de Urltree
pour annuler la navigation et la redirection en cours. Cela correspond au comportement actuel disponible pour les CanActivate
gardes, qui a également été ajouté. Cela n'affecte pas le préchargement. CanLoad
Les gardes bloquent tout préchargement ; tout itinéraire avec un CanLoad
garde ne sera pas préchargé, et le garde ne sera pas effectué dans le cadre du préchargement. --compilation_level=SIMPLE
. Cet indicateur garantira que le pipeline de construction produit des artefacts constructibles et exécutables, mais avec une taille de charge utile accrue en raison de la désactivation de l'optimisation avancée. Traduit de : https://www.infoworld.com/article/3537449/whats-new-in-angular-10.html
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!