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…

1 Comment
Implement Select All Option for MatSelect in Angular Material
Angular Material Select All Options Mat Select

Implement Select All Option for MatSelect in Angular Material

Angular Material select component has a multi-select feature, which allows users to check multiple options. However, there is no way to provide an option to select all options with a mat-select component out-of-the-box. In this post, we will create a custom option component for selecting all items in mat-select. The…

4 Comments
Download Files with Angular from .NET Core Web API
Download File with Angular from .net core api blob result

Download Files with Angular from .NET Core Web API

In this post, I will show you how easy it is to download a file with Angular using file-saver package. CSV files, Excel spreadsheets, Word documents, PDF reports and images are common types of files that a functional Angular web app needs to be able to download to browser. In…

1 Comment

Angular Material Calendar Component

You use Angular Material components in your application because it offers a consistent set of UI controls. You have a requirement to implement a Material calendar component but there isn't one available officially. This simple guide will show you how to use the internal calendar component that is available as…

20 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…

2 Comments