Angular Web Framework HTTP Client & API Integration 2

Question 1

How do you add custom HTTP headers to an HttpClient request?

Accepted Answer

By passing an HttpHeaders object via the headers option

Answer

You construct an HttpHeaders instance with key-value pairs and pass it through the headers property of the request options object.

Question 2

What is the purpose of HttpClientTestingModule in Angular unit tests?

Accepted Answer

To provide a mock HTTP backend so requests can be flushed and asserted

Answer

HttpClientTestingModule replaces the real backend with TestingBackend, letting you expect, flush, and verify requests without real network calls.

Question 3

How do you cancel an in-flight HTTP request in Angular?

Accepted Answer

Unsubscribe from the Observable returned by HttpClient

Answer

Unsubscribing from the HttpClient Observable triggers teardown logic that aborts the underlying XHR request.

Question 4

What does setting withCredentials: true in an HttpClient request do?

Accepted Answer

Includes cookies and authorization headers in cross-origin requests

Answer

withCredentials: true instructs the browser to send cookies, HTTP authentication headers, and TLS client certificates with cross-origin requests.

Question 5

How do you configure HttpClient to return the raw response body as a plain string instead of parsed JSON?

Accepted Answer

responseType: 'text'

Answer

Setting responseType: 'text' tells HttpClient to skip JSON parsing and return the response body as a raw string.

Angular Web Framework Practice Test