Angular 21 Overview

November 22, 2025 · View on GitHub

This project showcases all the new features introduced in Angular 21. Each feature is demonstrated in its own dedicated folder within the src/app directory.

Overview

This is an interactive demonstration application that presents the latest Angular 21 features through practical examples. Navigate through the application to explore each feature in detail.

Angular 21 New Features

Each feature is organized in its own numbered folder for easy navigation:

  1. MCP (1-mcp/) - Angular MCP Server configuration for AI assistants
  2. Zoneless (2-zoneless/) - Zoneless architecture by default with Signals
  3. ProvideHttpClient (3-provide-http-client/) - HTTP client provided by default
  4. Regex (4-regex/) - Regular expressions support directly in templates
  5. FormArrayDirective (5-form-array-directive/) - New FormArray directive
  6. SimpleChange (6-simple-change/) - Generic type support for SimpleChange
  7. Angular Aria (7-angular-aria/) - New ARIA toolbar components for accessibility
  8. Vitest (8-vitest/) - New test framework replacing Karma/Jasmine
  9. SignalForm (9-signal-form/) - Signal-based forms (experimental)

Project Structure

src/app/
├── 1-mcp/              # MCP server configuration
├── 2-zoneless/         # Zoneless by default
├── 3-provide-http-client/  # No more provideHttpClient
├── 4-regex/            # Regex in templates
├── 5-form-array-directive/  # FormArray directive
├── 6-simple-change/    # SimpleChange generic type
├── 7-angular-aria/     # ARIA example
├── 8-vitest/           # Vitest test framework
├── 9-signal-form/      # Signal-based forms
└── navbar/             # Navigation component

Each numbered folder contains a standalone component demonstrating its respective Angular 21 feature.