Angular Core Angular Signals: Complete Guide A complete guide on how to use Signals in an Angular application. Learn signals, their benefits, best practices, and patterns, and avoid the most common pitfalls.
Angular Core Angular @defer: Complete Guide A complete guide on how to use the Angular @defer syntax for doing partial template loading, including all the predefined triggers, how to build custom triggers, and how it compares to lazy loading.
Angular Core Angular @switch: Complete Guide A complete guide to the new Angular @switch template syntax.
Angular Core Angular @for: Complete Guide A complete guide to all the features and best practices of the new @for template syntax, as well as a full explanation of the now mandatory tracking function.
Angular Core 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.
Angular Core Angular ngIf: Complete Guide Learn all the features available in ngIf, learn the best way to use it to consume Observables, avoid a common anti-pattern.
Angular Core Angular File Upload: Complete Guide Everything that you need to know to build a fully functional custom file upload component in Angular.
Angular Core Angular @ViewChild: In-Depth Explanation (All Features Covered) The Angular @ViewChild decorator is one of the first decorators that you will run into while learning Angular, as it's also one of the most commonly used decorators. This decorator has a lot of features: some of them might not be very well known
Angular Core Angular Debugging "Expression has changed after it was checked": Simple Explanation (and Fix) In this post, we will cover in detail an error message that you will occasionally come across while building Angular applications: "Expression has changed after it was checked" - ExpressionChangedAfterItHasBeenCheckedError. We are going to give a complete explanation about this error. We will learn
Angular Core Angular :host, :host-context, ::ng-deep - Angular View Encapsulation In this post, we will learn how the default Angular styling mechanism (Emulated Encapsulation) works under the hood, and we will also cover the Sass support of the Angular CLI, and some best practices for how to leverage the many Sass features available. We
Angular Core Angular ng-template, ng-container and ngTemplateOutlet - The Complete Guide To Angular Templates In this post, we are going to dive into some of the more advanced features of Angular Core! You have probably already come across with the ng-template Angular core directive, such as for example while using ngIf/else, or ngSwitch. The ng-template directive and
Angular Core Angular HTTP Client - Quickstart Guide This post will be a quick practical guide for the Angular HTTP Client module. We will cover how to do HTTP in Angular in general. We will be using the new @angular/common/http module, but a good part of this post is also
Angular Core Angular ngClass and ngStyle: The Complete Guide In this post, we are going to learn the most commonly used options that we have available for styling our Angular components using the ngClass and ngStyle core directives. This is the first post of a two-part series in Angular Component Styling, if you
Angular Core Angular Advanced - A Video List About Several Advanced Angular Topics In this post, we are going to go over a few videos on some more advanced Angular topics that we tend to find frequently - for example when writing our own third-party library. Table Of Contents Here is the list of topics covered in
Angular Core Angular ng-content and Content Projection: A Complete Guide - How To Use ng-content To Improve Component API Design One of the Angular features that help us the most in building reusable components is Content Projection and ng-content. In this post, we are going to learn how to use this feature to design components that have a very simple but still powerful API
Angular Core Angular OnPush Change Detection and Component Design - Avoid Common Pitfalls Did you ever try to use the Angular OnPush Change Detection strategy in your application, but run into some hard to debug issues and quickly went back to default change detection? In this post we are going to cover some typical pitfalls where OnPush
Angular Core Angular - What is Unidirectional Data Flow? Learn How the Angular Development Mode Works, why it's important to use it and how to Troubleshoot it An important feature of web frameworks is Unidirectional Data Flow: let's talk about what does the term mean, and what it corresponds to in Angular. Related to it, let's also learn about the Angular development mode, why it's important to use it and how
Angular Core Angular ngFor: Complete Guide Learn all the features available in the ngFor directive, including the trackBy function.
Angular Core Angular Modules and NgModule - Complete Guide In this post, we are going to do an introduction to Angular Modularity (the NgModule functionality) and understand why it enables several important features like ahead of time compilation and lazy loading. We will cover the following topics: * What is an Angular Module? * Angular
Angular Core Angular Change Detection - How Does It Really Work? The Angular change detection mechanism is much more transparent and easier to reason about than its equivalent in AngularJs. But there are still situations (like when doing performance optimizations) when we really need to know what's going on under the hood. So let's dig
Angular Core Angular @Component: The Fundamentals Although the Router part of Angular is still changing a lot, the public API for building components is already quite stable. In this post we will go through on how we can build components with this new version of Angular, based on some code