Angular 6.1 est sorti le 25 juillet. Cette
version mineure du framework peut être considérée comme un remplacement d'Angular 6.0, qui inclut quelques innovations et corrections de bugs. Ce matériel, une traduction d'un article d'un blog Angular, traite des principales nouvelles fonctionnalités d'Angular 6.1.
Routeur et sauvegarde de la position de défilement
Les développeurs d'applications angulaires peuvent désormais profiter de la nouvelle fonctionnalité de routeur, qui vous permet de mémoriser et de restaurer l'emplacement de l'utilisateur sur la page - la position de défilement ou de défilement. Lorsque vous passez à la page suivante de l'application, la position de défilement est réinitialisée et la position de l'utilisateur sur la page précédente est mémorisée. Appuyez sur le bouton Retour pour ouvrir la page précédente, en tenant compte de la position de défilement enregistrée.
Afin d'activer cette fonctionnalité, vous pouvez utiliser la commande suivante:
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})
Il est prévu que dans une future version majeure de la plateforme, le routeur soit configuré par défaut pour restaurer la position de défilement.
ShadowDOM v1 et View Encapsulation
Il existe de nombreuses façons d'associer des règles CSS aux composants dans lesquels ces règles sont définies. Il s'agit de l'encapsulation de la vue. L'encapsulation peut être basculée vers l'utilisation de ShadowDOM v1 dans le décorateur de composants. C'est fait comme ceci:
@Component({ templateUrl: './my-component.html', encapsulation: ViewEncapsulation.ShadowDom }) export class MyComponent { }
Maintenant, l'utilisation de la valeur
ViewEncapsulation.Native , ce qui signifie l'utilisation du Shadow DOM v0, est obsolète.
ShadowDOM v1 offre une meilleure prise en charge multi-navigateurs que la version précédente de la norme. Les travaux sur cette norme ont d'abord été menés en tenant compte de la possibilité de son utilisation dans différents navigateurs. Les différences entre Shadow DOM v0 et v1 peuvent être trouvées
ici .
Les innovations de ShadowDOM v1 intéresseront principalement les auteurs de la bibliothèque et les développeurs avancés. Il est à noter que l'utilisation de Shadow DOM v1 est nécessaire pour utiliser la projection de contenu dans le cadre de la technologie Angular Elements.
Chaînage des règles schématiques
L'outil
Schematics a été amélioré dans cette version et, par conséquent, une nouvelle
règle peut désormais être renvoyée à partir d'une
règle existante. Cela permet aux développeurs plus de flexibilité dans la définition de l'ensemble de règles pour les schémas.
Prise en charge de TypeScript 2.9
Désormais Angular, avec TypeScript 2.7, prend en charge TypeScript
2.8 et
2.9 . L'une des fonctionnalités importantes de TS 2.9, qui est utile à de nombreux développeurs, est liée aux bogues, tels que les suivants:
Exported variable 'x' has or is using name 'y' from external module 'z' but cannot be named
Des modifications ont été apportées à TS, en raison desquelles, d'une part, de telles erreurs n'apparaissent plus, et d'autre part, le code n'a plus besoin d'être réécrit pour le mettre dans un état correspondant à des modèles d'exportation similaires.
Résumé
Il y a d'autres changements dans la
nouvelle version Angular, par exemple, concernant la gestion des URL
malformées (
malformedUriErrorHandler ) et visant à améliorer le travail avec les tableaux et objets associatifs (
KeyValuePipe ). Une nouvelle version d'
angular-cli a également été publiée .
Angular 6.1 est la dernière version mineure prévue de la version 6.x. Par conséquent, dans un avenir prévisible, nous pouvons nous attendre à la sortie des versions bêta d'Angular 7.0 et à l'apparition de nouvelles fonctionnalités intéressantes dans ce cadre.
Chers lecteurs! Quelles innovations d'Angular 6.1 trouvez-vous les plus intéressantes? Qu'attendez-vous d'Angular 7.0?
