Google Releases Angular v22 with Stable Signal Forms, OnPush by Default and Experimental WebMCP
Angular v22, Google's TypeScript-first framework, has introduced API stabilizations, ergonomic templates, and tooling enhancements for AI integration. Key developments include the stabilization of Signal Forms, improved change detection strategies, and a new @Service() decorator for dependency injection. The release supports TypeScript 6 and removes deprecated features. By Daniel Curtis
Google has unveiled Angular v22, its latest version of the TypeScript-first web application framework. The release introduces a range of enhancements, including Stable Signal Forms, OnPush change detection strategy by default, and experimental WebMCP support.
Signal Forms consolidate the benefits of reactive forms with template-driven forms, providing a declarative, signal-based API. This new API now comes with comprehensive documentation, as well as Angular Material and Angular Aria support. Additionally, resource, rxResource, and httpResource are now stable, enabling teams to model asynchronous data as signals with features like chain() support for dependent requests and resource caching for server-side rendering.
The change detection mechanism has undergone a significant shift with OnPush becoming the default strategy for components. The previous default, Eager, has been renamed to reflect this change. Dependency injection has also been improved, with the introduction of a new @Service() decorator that simplifies the creation of global singletons. InjectAsync allows for lazy loading and code splitting of services, with optional prefetching when the browser is idle.
Templates in Angular v22 have received various improvements, including spread and rest syntax, multiple case matching, exhaustive never checks in @switch, inline arrow functions, and comments inside element tags. A preview of @boundary, a template error boundary syntax, is scheduled for release in Q3 2026.
The framework also incorporates experimental WebMCP support, which enables in-browser agents to access application and Signal Forms tools. Angular Agent Skills and stable MCP dev server tooling are included. The release has generated considerable interest on Hacker News, with developers praising the framework's simplicity and expressing excitement about the new Signal Forms functionality.
However, concerns have been raised about the tooling, with some arguing that Angular's compiler hinders the development process, especially in the context of AI code generation. Another issue highlighted is the difficulty of migrating to Angular with a custom toolchain like Vite.
Written by urgent.news from InfoQ's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
