The other day, one of my coworkers detected a strange behavior inside our application. When he added RouterLinkActive to a link, the application stopped rendering. However when the directive was removed, the application worked correctly. Instead of immediately reading the solution, I created a challenge inside AngularChallenges for those who want to try resolving and …
In Angular, you can create dynamic components using the NgComponentOutlet directive. However when your component has inputs, it was cumbersome to pass them through. In version 16.2.0-next.4, a new feature has been introduced, allowing you to bind your inputs much more easily. In this article, we will explore how to achieve input binding in previous versions …
Northern coastline of Mallorca, Spain — Photo by author Since the release of the NgOptimizedImage directive two major versions ago in Angular 14.2 (recently backported to version 13.4), front-end developers have been able to reuse Angular logic to render images in the browser performantly. This built-in directive addresses some frequently overlooked best practices in image rendering, such as …
Modifiable Source of Optimized Images in Angular 16.2 Read More »
Costa norte de Mallorca, España — Foto del autor Desde el lanzamiento de la directiva NgOptimizedImage en Angular 14.2 (e incorporada recientemente de forma retroactiva a la versión 13.4), los desarrolladores front-end hemos podido reutilizar lógica de Angular para la representación de imágenes en un navegador web de manera eficiente. Esta nueva directiva incorporada al framework promueve algunas …
Modificando la fuente de imágenes optimizadas con Angular 16.2 Read More »
by Dan Wahlin, Guest Author Introduction I had the incredible opportunity to grace the stage at the 2023 ng-conf conference in beautiful Salt Lake City, Utah this past June. Every year, I look forward to this event, and it’s not just because of the scenic views or the pristine organization of the conference. The magic truly …
tldr; CanDeactivate guards in Angular can be very helpful in your app. Preventing users from leaving a route can keep the user from losing their progress on a form or something similar. Angular makes it easy with the CanDeactivate guard, and they’re even more straight-forward to write with the (not-so-new anymore) format of functional guards. …
Explora cómo adoptar las directivas anfitrionas (host directives) en Angular. Continue reading on ngconf »
Explore how to adopt host directives to increase code reusability in Angular Continue reading on ngconf »
Join our exclusive newswire for ng-conf news, workshops, sessions, speakers announcements, and more as we count down to ng-conf!
Join our exclusive newswire for speaker announcements, workshops, sessions info and all the latest ng-conf info.
