# Google Releases Angular v22 with Stable Signal Forms, OnPush by Default and Experimental WebMCP

> Source: <https://www.infoq.com/news/2026/08/angular-v22-released/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global>
> Published: 2026-08-10 06:12:00+00:00

Angular, Google's TypeScript-first web application framework, has released [Angular v22](https://angular.dev/events/v22), shipping a mix of API stabilisations, template ergonomics work and new tooling aimed at AI coding agents.

The release promotes three long-running efforts to production-ready status: Signal Forms, Angular Aria and the asynchronous reactivity APIs. Signal Forms pull the strongly typed guarantees of reactive forms together with the ergonomics of template-driven forms into one declarative, signal-based API, and now ship with [full documentation](https://angular.dev/guide/forms) plus Angular Material and Angular Aria support.

Alongside forms, `resource`

, `rxResource`

and `httpResource`

are stable, giving teams a supported way to model asynchronous data as signals, with new `chain()`

support for dependent requests and resource caching for server-side rendering.

The change with the widest blast radius is change detection. `OnPush`

is now the default strategy for components, and the previous default has been renamed `Eager`

.

Dependency injection also gains ground. A new `@Service()`

decorator replaces the common `@Injectable({providedIn: 'root'})`

pattern for global singletons, while `injectAsync`

lets services be lazily loaded and code split, with optional prefetching when the browser is idle.

Templates gain spread and rest syntax, multiple case matching and exhaustive `never`

checks in `@switch`

, inline arrow functions, and comments inside element tags. A developer preview of `@boundary`

, an error boundary syntax for templates, is promised for Q3 2026. On the AI side, Angular ships experimental [WebMCP support](https://angular.dev/ai/webmcp), which exposes application and Signal Forms tools to in-browser agents, along with [Angular Agent Skills](https://github.com/angular/skills) and stable MCP dev server tooling.

A [Hacker News thread](https://news.ycombinator.com/item?id=48386463) drew 135 points and 79 comments, with one developer noting that modern Angular "has been a pleasure to use", even if "the ecosystem is a little rough", and another excited about signal-forms:

Really excited for this. I've been dying to use signal-forms and resources since they were experimental. Once I got on the signal train, I could never go back and having to use RxJS for forms became a major pain point.

Criticism focuses on tooling with one commenter argued Angular should ditch its compiler:

Angular should ditch the compiler altogether - it

reallyhinders them in so many ways, especially now with AI-codegen where tools have to specifically choose to do the work to integrate the Angular toolchain instead of using plain TypeScript and HTML.

Another commented on the [biggest problem is how hard it is to use a custom toolchain](https://news.ycombinator.com/item?id=48388251) such as Vite.

Migration runs through `ng update @angular/cli@^22 @angular/core@^22`

, with the interactive [update guide](https://angular.dev/update-guide?v=21.0-22.0&l=3) covering the detail. Angular v22 requires TypeScript 6 and drops Node 20 support, and schematics automatically add `ChangeDetectionStrategy.Eager`

to components that did not set a strategy, add `strictTemplates: false`

where it was not already enabled, and remove `withFetch()`

now the HTTP client uses Fetch by default. Two items need manual attention: `paramsInheritanceStrategy`

now defaults to `'always'`

with no migration provided, and Webpack support, including `@angular-devkit/build-angular`

and `@ngtools/webpack`

, is deprecated.

Angular is an open-source application framework maintained by Google, built on TypeScript and shipping a major release every six months. The [official release event](http://goo.gle/angular-v22-yt) premiered on June 5th 2026.
