Angular 22.1.0

The Angular team has shipped version 22.1.0, a feature release that introduces CSS variable namespacing, improved foreign component support, and several compiler enhancements.

What Changed

Angular 22.1.0 brings meaningful improvements to the compiler and common module, with a focus on component interoperability and CSS scoping.

Compiler Features

• CSS variable namespacing — The compiler now supports namespacing CSS variables to the application scope, preventing style collisions in large projects. This includes support in both global styles and component properties.
• New error for --global-foo cases — Developers using improperly scoped global style patterns will now get clear compiler errors pointing them toward the correct approach.
• Disable --global- error outside g3 — The strict global error is selectively applied to avoid breaking existing patterns outside Google's internal build system.

Bug Fixes

• Common module — Transfer cache now correctly skips uncacheable HTTP traffic, preventing stale data from being served in hybrid rendering setups.
• Compiler — Permissive whitespace parsing in default never blocks has been fixed, making template syntax more forgiving in edge cases.
• Foreign components — Components defined outside top-level scope are now properly supported, and foreign components inside control flow blocks (@if, @for) work as expected.
• Performance — A compiler performance optimization improves rebuild times in projects with heavy template usage.

Why It Matters

The CSS variable namespacing feature addresses a long-standing pain point in large Angular applications where global styles could inadvertently leak across components. Combined with the expanded foreign component support, Angular 22.1.0 makes it easier to build micro-frontends and integrate with non-Angular web components.

What's Next

Angular 22.1.0 is a standard monthly feature release. The team continues to iterate toward 22.2.0 with additional compiler improvements and the ongoing hydration enhancements previewed earlier this year.