src/app/modules/shared/components/full-page-loader/full-page-loader.component.ts
OnInit
| selector | app-full-page-loader |
| styleUrls | ./full-page-loader.component.scss |
| templateUrl | ./full-page-loader.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-full-page-loader',
templateUrl: './full-page-loader.component.html',
styleUrls: ['./full-page-loader.component.scss']
})
export class FullPageLoaderComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<div class="d-flex container">
<div>
<app-loader></app-loader>
</div>
</div>
./full-page-loader.component.scss
.container {
background-color: rgba(0,0,0,.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: 10;
align-items: center;
justify-content: center;
}