Angular v20 — быстрее, удобнее, современнее!

Старые добрые ngIf, ngFor, ngSwitch объявлены deprecated и исчезнут через год в 22й версии.

Шаблоны стали похожи на TypeScript:

— Шаблонные строки:

<p>{{ `User ID: ${userId()}` }}</p>

— Оператор возведения в степень:

```html <p> {{ 2 ** 3 }} </p>```

Результат, конечно, 8


— Оператор in для проверки свойств:

@if ('damage' in attack) { {{ attack.damage }} }

⚡️ Асинхронные редиректы в маршрутах:

redirectTo: async () => (await checkAuth()) ? '/dashboard' : '/login';

✨ NgComponentOutlet получил улучшения:

Поддержка inputs, content и кастомного инжектора для динамических компонентов.

🚀 Zoneless Angular (Developer Preview) — без Zone.js:

bootstrapApplication(App, { providers: [provideZonelessChangeDetection()] });

Меньше магии — больше контроля!


📡 HTTP с keepalive:
Отправляйте данные даже при закрытии страницы:

http.post('/analytics', { event: 'close' }, { keepalive: true });

🔹 Сигналы (Signals) теперь стабильны:
API toSignal и effect готовы к продакшену.

⚠️ Важные изменения:
— Убрали ng-reflect-* из DOM
— Deprecated HammerJS — переходите на PointerEvent или другие библиотеки
— Минимальные версии: Node 20 и TypeScript ≥ 5.8

💡 Angular 20 делает серьёзный шаг вперёд: новые возможности в шаблонах, стабильные сигнальные API, удобство работы с динамическими компонентами и подготовка к zoneless-архитектуре.

Ожидаем в будущем Signal Forms и Selectorless Components, но уже сейчас Angular 20 — это мощное обновление с отличной обратной совместимостью.