src/app/components/loader/loader.component.ts
| selector | app-loader |
| styleUrls | loader.component.css |
| templateUrl | ./loader.component.html |
Methods |
Inputs |
constructor()
|
loading
|
Type:
Default value: |
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-loader',
templateUrl: './loader.component.html',
styleUrls: ['./loader.component.css']
})
export class LoaderComponent implements OnInit {
@Input() loading:boolean = false;
constructor() { }
ngOnInit() {
}
}
<div class="loader" *ngIf="loading">
<div class="d-flex h-100 justify-content-center align-items-center">
<img width="150" height="150" src="./assets/img/spinner.svg">
</div>
</div>