graph LR
HttpClient["HttpClient"]
HttpRequest["HttpRequest"]
HttpHandler["HttpHandler"]
HttpHeaders["HttpHeaders"]
AsyncPipe["AsyncPipe"]
NgForOf["NgForOf"]
Location["Location"]
PlatformLocation["PlatformLocation"]
HttpClient -- "uses" --> HttpHandler
HttpClient -- "constructs" --> HttpRequest
HttpClient -- "uses" --> HttpHeaders
HttpRequest -- "contains" --> HttpHeaders
Location -- "relies on" --> PlatformLocation
click HttpClient href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/HttpClient.md" "Details"
click HttpHandler href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/HttpHandler.md" "Details"
The Angular Common module provides fundamental building blocks for web applications, encompassing core functionalities like HTTP communication, URL management, and common structural directives and pipes. The HttpClient serves as the central component for all outgoing HTTP requests, leveraging HttpRequest to define request parameters and HttpHeaders for managing request headers. These requests are then dispatched through an HttpHandler chain, which can include interceptors for request/response transformation. For managing application navigation and URL interactions, the Location service offers a high-level abstraction, which in turn relies on the lower-level PlatformLocation to directly interact with the browser's native URL and history APIs. Additionally, the module includes essential templating utilities such as AsyncPipe for handling asynchronous data streams and NgForOf for efficient list rendering, enabling dynamic and responsive user interfaces. This interconnected set of components forms the backbone for common application features, ensuring a consistent and efficient development experience.
HttpClient [Expand]
The primary interface for making HTTP requests (GET, POST, PUT, DELETE, PATCH, HEAD, OPTIONS, JSONP). It abstracts the underlying XMLHttpRequest or Fetch API, provides methods for various response types (JSON, text, blob, arraybuffer), and integrates with the HTTP interceptor pipeline for request/response transformation.
Related Classes/Methods:
Represents an immutable outgoing HTTP request. It holds all the necessary information for a request, including the HTTP method, URL, request body, headers, and other configuration options.
Related Classes/Methods:
HttpHandler [Expand]
Responsible for dispatching HTTP requests to the backend or to the next interceptor in the chain. It forms a crucial part of the HTTP client's extensible pipeline.
Related Classes/Methods:
Provides an API for managing HTTP headers. It allows for adding, setting, appending, and retrieving header values, handling multiple values for the same header.
Related Classes/Methods:
A built-in Angular pipe that automatically subscribes to an Observable or Promise and unwraps its emitted values. It handles subscription and unsubscription lifecycle, updating the view when new values arrive.
Related Classes/Methods:
A structural directive that iterates over a collection (e.g., an array) and renders a template for each item. It efficiently manages the DOM by adding, removing, and reordering elements as the underlying collection changes.
Related Classes/Methods:
Provides a high-level service for interacting with the browser's URL and history. It allows for navigation, getting the current URL, and listening for URL changes, abstracting away direct browser API manipulation.
Related Classes/Methods:
A low-level service that provides direct access to the browser's native URL and history APIs (e.g., window.location, window.history). It serves as the foundational layer for Angular's higher-level Location service.
Related Classes/Methods: