Simplify Angular Components with Route Resolvers
Simplify components with route resolvers

Simplify Angular Components with Route Resolvers

I often come across Angular components that retrieve data from a remote API inside the ngOnInit lifecycle hook. While this is an easy way to load data into the component, it can can increase the size of the code and breaks the single responsibility principle. A better approach is to…

0 Comments
Angular Material Focus Form Input with Renderer2
Angular Material Focus Form Input

Angular Material Focus Form Input with Renderer2

Angular is a very popular dynamic application framework for web, desktop and mobile platforms. A frequent question that pops up in stack overflow is How to focus on form input field using Angular Material? or How to focus on form input field programmatically from typescript code in Angular? In this post, I will show you how to use…

0 Comments
Decode JSON Web Tokens (JWT) in Angular
Decode JWT Tokens in Angular

Decode JSON Web Tokens (JWT) in Angular

JSON Web Tokens (JWT) are commonly used in single page application frameworks like Angular for authentication and authorisation. This is due to their small size and high security. JWT tokens can store a lot of information and we need a way to decode this token easily. Unfortunately, Angular does not…

0 Comments
Import Angular Material Components as a Feature Module
Import Angular Material

Import Angular Material Components as a Feature Module

Are you just getting started with Angular and interested in properly importing Angular Material components in your web app project? While getting started with Angular is very easy, it does not come with any UI controls. For this reason, many web developers prefer using Angular Material to add buttons, form…

0 Comments
Create a Scalable Angular Project Structure
Angular Project Structure

Create a Scalable Angular Project Structure

A scalable angular project structure is something I struggled to implement when I started working on my first real-world Angular project. I generated my fist app in the command-line and kept adding components, services and pipes on the app module. Although Angular CLI does a great job at generating a…

2 Comments
  • 1
  • 2
Close Menu

Free Template

Get your Angular Material application template to kick-start your next project.