src/app/shared/components/loading-indicator/loading-indicator.component.ts
selector | app-loading-indicator |
styleUrls | loading-indicator.component.scss |
templateUrl | ./loading-indicator.component.html |
constructor(httpInterceptor: HttpService)
|
ngOnInit |
ngOnInit()
|
Returns:
void
|
loading$ |
loading$: |
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>