Чому цей код надсилає два HTTP-запити і як це виправити? user$ = this.http.get ("/api/me"); // template: // {{ (user$ | async)?.name }} {{ (user$ | async)?.email }}

HTTP-Observable холодні - кожен async підписується окремо; поділіться через shareReplay(1) або використайте одну підписку

Пайп async у dev-режимі завжди надсилає запити двічі

HttpClient автоматично повторює кожен запит

Angular · Middle · Запитання 19 з 75

Чому цей код надсилає два HTTP-запити і як це виправити?

user$ = this.http.get<User>("/api/me");
// template:
// {{ (user$ | async)?.name }}  {{ (user$ | async)?.email }}

✓Правильна відповідь: HTTP-Observable холодні - кожен async підписується окремо; поділіться через shareReplay(1) або використайте одну підписку
2Пайп async у dev-режимі завжди надсилає запити двічі
3HttpClient автоматично повторює кожен запит

Пояснення

Кожна підписка виконує запит. Використайте @if (user$ | async; as user) один раз, перетворіть на сигнал через toSignal або зробіть потік спільним через shareReplay({ bufferSize: 1, refCount: true }).

Чому цей код надсилає два HTTP-запити і як це виправити?

Пояснення

Де почитати

Помилка в запитанні

Перевірте себе