Announcing Angular v22. Today, we are thrilled to announce the… | by Angular | Jun, 2026 | Angular BlogSitemapOpen in appSign up<br>Sign in

Medium Logo

Get app<br>Write

Search

Sign up<br>Sign in

Angular Blog

The latest news and tips from the Angular team

Announcing Angular v22

Angular

15 min read·<br>Just now

Listen

Share

Press enter or click to view image in full size

Today, we are thrilled to announce the release of Angular v22. We continue to be proud of the work we do with each release. Our goal is to maintain a high quality stream of features and improvements that make the workflows for developers smooth no matter how they build Angular applications.<br>Angular is the solid foundation upon which you can build what’s next on the web. This release features updates across stability, ergonomics and more. We want Angular to be a sort of launch pad that you can use as you build your next great application.<br>There’s some great features to discuss, so let’s dive in.<br>Production Ready is the Name of the Game<br>On the Angular team, we take a lot of joy and pride in our ability to update our APIs to bring great new features to Angular. When bringing new features to the table, we typically release a feature as experimental or developer preview. This gives the team time to gather feedback and iterate on new features. During this time, features will undergo refinement with the intention of delivering the best possible version to the community. This is great except that it means some features will not be production ready even though developers are excited and ready to use them immediately. In this release, we’re excited to be bringing 3 significant Angular features to production-ready, stable status: Signal Forms, Angular Aria and the Asynchronous Reactivity APIs.<br>Signal Forms: Composable, Reactive and Ready to go<br>We designed Signal Forms to be the new, robust forms API. Signal forms combine the best parts of Reactive forms, the value of strongly typed forms, as well as the things developers love about template driven forms and reactivity of signals. We put all of that together to make a reactive, composable and declarative form solution. When we launched Signal Forms in v21, we received strong signals (pun intended) from teams inside and outside of Google that we were on the right track. Since then, we’ve updated Signal Forms by:<br>Adding a complete set of documentation with the updated guide on angular.dev.<br>Addressing a significant amount of feedback and issues submitted by the community.<br>Adding support for Angular Material and Angular Aria giving developers even more options with integrating forms.<br>Here’s an example of a form implementation with custom validation and template bindings:<br>/**<br>* Getting started with Signal Forms<br>**/<br>import {signal} from "@angular/core"<br>import {form} from "@angular/forms/signals"

@Component({<br>selector: 'app-payment',<br>imports: [FormField],<br>templateURL: './app-payment.html',<br>})<br>class Payment {<br>readonly paymentModel = signal({<br>paymentType: '',<br>amount: 0<br>});<br>readonly f = form(paymentModel,<br>schema => {<br>required(schema.paymentType, {<br>message: 'Required field'<br>});<br>});

Payment Type:

Select a method...<br>Credit Card<br>Payment Service

@if (f.paymentType().invalid() && f.paymentType().touched()) {

@for (error of f.paymentType().errors(); track error.kind) {<br>{{ error.message }}

Submit Payment<br>Signal Forms are ready for production today, head over to the updated guide on angular.dev to get started.<br>Angular Aria: Accessible primitives to build apps for all users<br>The web was meant for everyone, regardless of how someone decides to interact with it: keyboard and mouse, screen-reader or some other method. Angular teams have needed a consistent, accessible yet customizable way to build components that enables them to build apps for all users. Angular Aria was a bold step in that direction when we released it in Angular v21. We wanted developers to bring the styles and business logic while the UI directives and patterns handled the accessibility. With that in mind, Angular Aria’s set of accessibility patterns is moving to production in Angular v22. Now, developers can ship their components using Angular Aria to users with confidence.<br>We’ve been busy preparing it for production, here are some of the updates we’ve made:<br>APIs are stabilized and many community issues have been addressed<br>Signal Forms fully supported<br>Test harnesses are available<br>Angular Aria’s twelve UI patterns cover common accessibility patterns and are available to use in production now. Build apps all users can enjoy.<br>Press enter or click to view image in full size

Example Tree component using Angular AriaAsynchronous Reactivity: a new frontier<br>At the community driven 2024 NgPoland conference, Angular team member Pawel Kozlowski shared his vision for how we could take the power of signals beyond the synchronous boundaries developers were used to. What came next was the team’s exploration into what would become a game changer for Angular...