Components
Meet Angular’s new output() API - Angular Blog
Outputs allow component authors to emit values to parent components. We are introducing a new API to declare outputs that is closely aligned with other function-based APIs that we announced in v17…
Incremental migration to Angular’s new control flow syntax
Angular v17 introduced a new control flow syntax that is built into the framework. The new syntax is...
Angular innerHTML and DomSanitizer: Complete Guide
A complete guide on how to use innerHTML and the DomSanitizer service in Angular for direct HTML injection, including the design and implementation of a reusable SafeHtml pipe that simplifies the whole process.
Angular @Output: Complete Guide
A complete guide to the Angular @Output decorator and EventEmitter. Learn how to use @Output to emit custom component events, and avoid a common misunderstanding regarding its use.
How to Manage Angular State in Your Components
Ngtemplateoutlet
Angular @Input: Complete Guide
Learn how to use the Angular @Input decorator with all its many extra options, including the super-useful input transforms mechanism.
Angular Styles Masterclass
Master Angular styling using SCSS, encapsulation, and custom design systems. Streamline your UI development with cleaner, modular code.
Angular @switch: Complete Guide
A complete guide to the new Angular @switch template syntax.
Work smart, not hard – use Directive Composition API
Eliminate code bloat and simplify templates using Angular’s Directive Composition API. Master hostDirectives for cleaner, modular code.
Angular @if: Complete Guide
A complete guide to all the features of the @if template syntax, including the most frequently asked questions bout this syntax, as well as an anti-pattern to avoid.
Meet Angular’s New Control Flow - Angular Blog
This November, we’ll release Angular version 17 with a number of new template features, including a new built-in syntax for control flow and deferrable views. The new declarative control flow brings…
Getting Started with spartan/ui - Shadcn-like UI Components for Angular
We're all familiar with this: We are starting a new project and are looking for some beautiful UI...
Controlling Angular Animations Programmatically
Take full control of Angular animations using AnimationBuilder and AnimationPlayer to create dynamic, interactive user experiences.
How To Debug Angular Applications Easy
As developers, we use a lot of our coding time to fix bugs. Debugging helps us find and remove errors...
Angular augmenting native elements
Stop wrapping native elements in redundant components. Use attribute selectors to build accessible, clean, and flexible Angular UI.
Angular: Transform your inputs at will and simply
Introduction Since the beginning of Angular, parent-child communication is done using...
Why and When Use Ng-template, NgContent, and NgContainer in Angular
When I started to play with templates and dynamic content in angular, I get surprised by multiple...
Angular: The Framework of Past, Present, and Future
Photo by Drew Beamer on Unsplash I started using Angular in 2017 when version 4 was released. And I...
Various ways to make an Input mandatory in Angular
When creating a new component, we often build it around specific inputs and, in some cases, that...
Deep dive into Angular pipes
The aim of this article is to explain everything related to pipes. First, we will learn how to build...
Can we fully trust HTML sanitizers and how to work without them?
Stop relying on error-prone HTML sanitizers. Secure your Angular app against XSS by using structured data and ngTemplateOutlet.
Directives in practice: user role-based element control
Directives are one of the core elements of the Angular framework however, for some reason they are...