Présentation de @let dans Angular

Angular introduit une nouvelle syntaxe @let, permettant aux développeurs de définir et de réutiliser des variables au sein des modèles. Cette syntaxe résout un problème de longue date dans la syntaxe de modèle d'Angular. Les déclarations @let permettent de définir des variables avec des valeurs dérivées d'expressions Angular. Ces variables peuvent ensuite être réutilisées tout au long du modèle, améliorant la lisibilité et la maintenabilité du code. Contrairement aux solutions précédentes, les variables @let sont étendues au vue actuelle et à ses descendants, améliorant l'organisation du code et évitant les collisions de variables indésirables. Les déclarations @let sont en lecture seule et leurs valeurs sont recalculées pendant la détection des changements, garantissant l'exactitude des données. La syntaxe formelle de @let comprend le mot-clé, un nom de variable, l'opérateur d'affectation, une expression Angular et un terminateur de point-virgule. Des exemples illustrent l'utilisation de @let pour définir des variables à afficher dans le modèle, y compris des expressions complexes utilisant des tuyaux asynchrones. L'équipe Angular encourage les commentaires sur la nouvelle syntaxe @let pour continuer à améliorer l'expérience du développeur.