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>