@let Nous pouvons maintenant créer une variable (enfin) du côté template, et ainsi améliorer la visibilité du template. Avec une async pipe, nous pouvons récupérer la donnée d’une observable ou bien d’une promesse. Point à noter : nous devons obligatoirement mettre le point virgule en fin de ligne Nous pouvons concaténer, construire des données côté
L’arrivée de defer, en angular 17, validé en angular 18 est une très belle étape dans l’architecture lazy loadable de nos composants !Defer permet de lazy loader un composant, qui est enfant d’un autre, donc depuis une simple déclaration sur notre template, un composant devient un composant LL : lazy loadable. @defer https://angular.dev/guide/defer#defer https://blog.angular-university.io/angular-defer https://angularexperts.io/blog/angular-defer-lazy-loading-total-guide
Angular 18 vient de sortir ! Nouveautés et améliorationsNous sommes le 23 mai 2024 et un tournant dans angular est arrivé !Oui, vous m’avez bien lu, un tournant !zoneless avait annoncé comme but, et ça yest, c’est officiel !Découvrons ensemble les nouveautés d’angular 18 !Zoneless dans angular 18Zoneless, c’est un comportement prévu depuis de nombreuses années,
Découvrons ensemble la mise en place des Signals, dans un composant, vers l’utilisation avec ngRx.
Ca y est TypeScript 5 est sorti. Et avec cette version l’arrivée du support des “vrais” decorators ! (pour anticiper la possible validation par la TC39 en 2024). Voyons ça de suite avec la création de deux decorateurs : un premier pour se chauffer : un logger de méthode, puis nous passerons à la construction d’un décorateur de validation. Logger
Nous allons voir comment installer et configurer une application angular avec ngrx et bootstrap. Configuration Création du workspace angular ng new workspace –create-application=false Ajout de l’application Dans le workspace, ajouter une application : ng g app back-office. Installation de ngrx ng add @ngrx/store Installation de ngrx Ajout de bootstrap ng add ngx-bootstrap Création des différentes
Ca y est la préparation de la version 16 d’angular est lancée ! Et une grande nouveauté ce sont les Signaux ! Où comment se passer de rxjs ? Et peut-être même du detect changes, onchanges hook ? D’où ça vient ? Voyons d’abord d’où ça vient. C’est très inspiré de SolidJs. Où leur utilité
Depuis la mise à jour angular 15, nous avons une toute nouvelle façon de gérer les modules, et les non modules ahah. Dans notre main.ts, maintenant, plus de AppModule : bonjour les provide functions. Alors nous nous sommes dits : comme respecter ce principe et créer notre propre provide function ?! Découvrons comment faire ensemble
Utilise dotenv dans angular 15
Lorsqu’on travaille avec Angular, et que l’on souhaite passer des informations entre routes, il existe plusieurs moyens. On peut par exemple penser au passage de paramètre GET, comme une url MPA normale. Un autre moyen est le passage de paramètre via l’attribut data de chaque route. Nous verrons aussi le passage de paramètre dynamique. Découvrons