It is an essential requirement for any application to show some kind of a loading animation - Angular apps are no exception. We often make HTTP requests to communicate with a back-end API. In this post, we will implement an abstract solution to show an Angular Material spinner while an…
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…
With the Angular Material 7 release, an exciting feature we've been waiting for — drag and drop is available with the component dev kit. In my previous article, I explained how to make a reusable confirm dialog with Angular Material. Today, we’ll learn how to make the dialog draggable. We will…
Quickly Select All Items in MatSelectModule 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…
Angular Material autocomplete component is a text input that shows suggestions while you type. A common validation requirement for an autocomplete control is to force the user to pick an option. Unfortunately, the autocomplete component does not validate what you type in the input box against the available options. You…