Как показать загрузочную полосу в угловых 4

Question

Я использую angular 4. И пытаюсь добавить панель загрузки, пока не получу ответ от серверной стороны.Когда запрос завершается, он не должен скрываться.Для этого я использую приведенный ниже код В module.ts:

import { NgProgressModule } from 'ngx-progressbar';
@NgModule({
imports: [
    NgProgressModule
]
)}

А в HTML-файле я использую ниже:

<ng-progress [positionUsing]="'marginLeft'"
[direction]="'leftToRightIncreased'"
[color]="'#4286f4'" [trickleSpeed]="500" 
[thick]="true" [ease]="'easeInSine'" ></ng-progress>

Answer 1

В компонентах, где вам нужен индикатор выполнения, вы должны

import { NgProgress } from 'ngx-progressbar';

и

constructor(private ngProgress: NgProgress) { 
}

использовать start() и stop() по мере необходимости

this.ngProgress.start();