src/app/loader/loading-linear/loading-linear.component.ts
selector | app-loading-linear |
styleUrls | loading-linear.component.css |
templateUrl | ./loading-linear.component.html |
Methods |
Inputs |
constructor(materialService: MaterialService)
|
||||||
Parameters :
|
message
|
Default value: |
ngOnInit |
ngOnInit()
|
Returns :
void
|
import { Component, Input, OnInit } from '@angular/core';
import { MaterialService } from '../../services';
@Component({
selector: 'app-loading-linear',
templateUrl: './loading-linear.component.html',
styleUrls: ['./loading-linear.component.css']
})
export class LoadingLinearComponent implements OnInit {
@Input() message? = 'Finding Your Recipients';
constructor(private materialService: MaterialService) {}
ngOnInit() {
console.log('app-loading-linear component loaded');
this.materialService.render();
}
}
<div class="linear-loading-container">
<div class="loading-message">{{ message }}</div>
<div id="p2" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
</div>