File

src/app/loader/loading-linear/loading-linear.component.ts

Implements

OnInit

Metadata

selector app-loading-linear
styleUrls loading-linear.component.css
templateUrl ./loading-linear.component.html

Index

Methods
Inputs

Constructor

constructor(materialService: MaterialService)
Parameters :
Name Type Optional
materialService MaterialService no

Inputs

message

Default value: 'Finding Your Recipients'

Methods

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>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""