### 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)`
Defined in src/app/shared/components/loading-indicator/loading-indicator.component.ts:11

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/shared/components/loading-indicator/loading-indicator.component.ts:17
Returns: `void`

### Properties

loading$
`loading$: `Observable<{ loading: false; error: false; }>``
Defined in src/app/shared/components/loading-indicator/loading-indicator.component.ts:11

    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 ""