Internationalization (i18n) is essential for building applications that support multiple languages and regions. Here are some libraries that can help streamline this process. 1. Angular Internationali...
Angular
Mastering Angular: Implementing a Synchronous TranslateLoader for ngx-translate
When building an Angular application with the ngx-translate utility, the translated text is not embedded directly in the source code (HTML file) but is injected dynamically later, which can pose chall...
Mastering Angular: Using Router Navigation Extras to Access Info Attribute
The extras property of the navigation object contains additional information about the navigation, such as query parameters, fragment, and any custom data. Use getCurrentNavigation()?.extras to access...
Angular Material: Styling Material Icons
Angular Material provides a <mat-icon> component to display icons. These icons use the Material Icons font by default. You can find the list of Material Icons here. Icons can be defined as a text n...
Angular Material – A Simple Way to Use Material Icons
Angular Material provides a <mat-icon> component to display icons. These icons use the Material Icons font by default. You can find the list of Material Icons here. Icons can be defined as a text n...
Getting Started With Angular 17: Adding An Assets Folder To Your Application
The assets folder is a directory in the application structure used to store static files. Files at the top level of the src/ directory support running the application. Subfolders within src/ contain t...
Angular Troubleshooting: How to Fix Angular detected that HttpClient is not configured to use fetch APIs
Applications need to communicate with a server over the HTTP protocol to access back-end services. Angular provides a client HTTP API for Angular applications through the HttpClient service class in @...
Angular Troubleshooting: How to Fix NullInjectorError: No provider for _HttpClient!
Applications need to communicate with a server over the HTTP protocol to access back-end services. Angular provides a client HTTP API for Angular applications through the HttpClient service class in @...
Getting Started With Angular: Cleaning Up the Main Template
When you create an Angular project, you’re greeted with a default template. Cleaning up the main template means removing the default content from the app.component.html file. It’s like cle...
Getting Started With Angular: Creating a Project
Prerequisites Angular CLI Installation When considering Angular installation, you have two options: global and local installation. Global vs local installation The global installation allows you to ac...