How to make the div transparent/disabled when the spinner component is shown in Angular 2

I have a form with few fields and a submit button. The submit button is enabled only when the form is valid and when the user clicks on the submit button it calls the api and during this time I am able to shown the spinner component. The following is my code: