In my last post I demonstrated how to make an Angular loading indicator without the CDK. In this post I will show you how to make an loading indicator using CDK that does not rely on observables and it supports promises and resources as well as observables.

Loading Component

Fist lets create our component that will simply contain the backdrop and indicator

loader-component.ts

import { Component , ChangeDetectionStrategy } from ' @angular/core ' ;

@ Component ({ selector : ' app-loader ' , templateUrl : ' ./loader-component.html ' , styleUrls : [ ' ./loader-component.scss ' ], changeDetection : ChangeDetectionStrategy .…