File

src/app/shared/components/loading-indicator/loading-indicator.component.ts

Implements

OnInit

Metadata

selector app-loading-indicator
styleUrls loading-indicator.component.scss
templateUrl ./loading-indicator.component.html

Constructor

constructor(httpInterceptor: HttpService)

Methods

ngOnInit
ngOnInit()
Returns: void

Properties

loading$
loading$: Observable<{ loading: false; error: false; }>
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { HttpService } from '../../../core/services/http';

@Component({
  selector: 'app-loading-indicator',
  templateUrl: './loading-indicator.component.html',
  styleUrls: ['./loading-indicator.component.scss']
})
export class LoadingIndicatorComponent implements OnInit {
  loading$: Observable<{loading: false, error: false}>;

  constructor(private httpInterceptor: HttpService) {
    this.loading$ = this.httpInterceptor.loading;
  }

  ngOnInit() {
  }

}
<div class="loading" [hidden]="!(loading$ | async)?.loading"> 
  <!--<div class="spinner"></div>-->
  <div class='spinner triangles'>
    <div class='tri invert'></div>
    <div class='tri invert'></div>
    <div class='tri'></div>
    <div class='tri invert'></div>
    <div class='tri invert'></div>
    <div class='tri'></div>
    <div class='tri invert'></div>
    <div class='tri'></div>
    <div class='tri invert'></div>
  </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""