HttpClient і виклики API
HttpClient, observables, HTTP-методи, інтерсептори, обробка помилок, логіка retry, заголовки, params, типізовані відповіді
1Який модуль Angular імпортувати для використання HttpClient у застосунку?
Який модуль Angular імпортувати для використання HttpClient у застосунку?
Відповідь
Для активації HttpClient потрібно імпортувати HttpClientModule (або provideHttpClient() у standalone). Цей модуль автоматично налаштовує необхідні провайдери для впровадження HttpClient у сервіси. Імпортувати потрібно лише один раз, зазвичай у AppModule або у standalone-конфігурації застосунку.
2Який тип повертає HttpClient.get() за замовчуванням?
Який тип повертає HttpClient.get() за замовчуванням?
Відповідь
Усі методи HttpClient повертають Observable (cold observable), який емітує відповідь після її отримання. Observable починає запит лише після підписки. Це дозволяє легко комбінувати з операторами RxJS і скасовувати запити через unsubscribe.
3Як типізувати відповідь GET-запиту в Angular?
Як типізувати відповідь GET-запиту в Angular?
Відповідь
Використання загального параметра типу дозволяє компілятору TypeScript перевірити тип відповіді. Наприклад, http.get<User[]>(url) гарантує, що відповідь є масивом користувачів. Це запобігає помилкам під час виконання і вмикає автодоповнення в IDE для доступу до властивостей відповіді.
Який метод HttpClient використати для надсилання даних для створення на сервері?
Яка різниця між PUT і PATCH у HTTP?
+19 питань зі співбесід
Інші теми співбесід Angular
Основи TypeScript
TypeScript просунутий
Основи Angular
Компоненти та життєвий цикл
Services & Dependency Injection
Організація модулів Angular
Angular CLI
Директиви та Pipe
Маршрутизація та навігація
Реактивні форми
Template-driven форми
Основи RxJS
Оператори RxJS
Базове керування станом
Change Detection
Angular Signals
Standalone Components
Модульні тести в Angular
End-to-End тестування
Build і оптимізація
Основи NgRx
Просунутий NgRx
Архітектура Angular
Оптимізація продуктивності
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно