Signals
Angular Router with Signals: Complete Guide
Explore the Angular Router through its signal-based APIs and bring the power of signals to your application's routing.
Articles by Angular University
80 articles · page 1 of 4
Testing
Angular Mocking With HttpTestingController (Complete Guide)
A complete guide for testing HTTP-based services the Angular way by using HttpTestingController. Common pitfalls will be explained.
Testing
Modern Angular Testing with Vitest: The Fundamentals
In this article, you’ll learn the fundamentals of Vitest: the new way of testing in Angular. If you’re familiar with Karma and Jasmine, we’ll start with a comparison to help you quickly understand what’s changed.
Signals
Angular linkedSignal: Missing Link in Signal Reactivity
Angular’s linkedSignal is a key addition to the Angular Signals API - it enables certain edge cases to be easily implemented with signals in a much more reactive and declarative way.
Signals
Angular viewChild,viewChildren, contentChild (Full Guide)
A super-detailed guide to the new Angular signal queries: viewChild(), viewChildren, contentChild() and contentChildren().
Signals
Angular Signal Components: input, output (Complete Guide)
A complete guide to Angular signal components, the new component authoring format. This includes signal-based inputs, outputs, and two-way binding with model().
Performance
Angular Performance Tuning: Complete Guide To Bundle Optimization
Learn everything you need to know about Angular performance tuning: how to generate a bundle performance profile, and how to split up your application into smaller chunks via standalone lazy-loading and partial template loading.
Signals
Angular 17.2 Is Out: What's New?
A complete guide to the brand new Angular 17.2 features, including: the new signal-based view queries viewChild, viewChildren, contentChild, and contentChildren, as well the new model() two-way binding mechanism.
Components
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.
Signals
Angular 17.1 Is Out: What's New? (Top 8 New Features)
The Angular 17.1 release is out. Let's do a quick summary of all its major features, with an emphasis on int's major new feature: signal inputs.
Signals
Angular Signal Inputs: Complete Guide to input()
A complete guided tour of Angular Signal Inputs, covering how they compare to the @Input decorator, and how they help make the OnChanges lifecycle hook less needed.
Components
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.
RxJS
Angular Loading Indicator: Complete Guide
A complete hands-on guide on how to build a loading indicator in Angular. The spinner will accept a customizable UI via content projection, and it will be integrated with the router. We will use an HTTP interceptor to turn it on for backend requests.
Components
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.
Performance
Angular Standalone Components: Complete Guide
A complete guide to Angular standalone components. Learn why they are way better than regular components, and how to easily upgrade to them.
Signals
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.
Performance
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.
Components
Angular @switch: Complete Guide
A complete guide to the new Angular @switch template syntax.
Performance
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.
Components
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.
Forms
Angular Strictly Typed Forms (Complete Guide)
Learn the best way to leverage Angular Typed Forms in your projects. Add type safety to your form code by relying mostly on type inference, without needing to add extra type annotations.
State
Angular Responsive Design: Complete Guide
Learn how to make your Angular components and applications responsive without having to write a single media query.
Forms
Angular Material Datepicker: Complete Guide
Complete guided tour to the Angular Material Datepicker component, from the most commonly used features to the most advanced ones.
Testing
Angular Dependency Injection: Complete Guide
Everything that you need to know in practice to use the Angular dependency injection system, all in one place. All of its advanced concepts are explained in a practical and easy-to-understand way, with examples.