Не удается настроить загрузчик ngx-ui из файла app.module.ts

Question

Я использую ngx ui loader для моего проекта angular 7.

В файле app.module.ts я импортировал ngx-uiПакет -loader выглядит так: -

import { NgxUiLoaderModule, NgxUiLoaderHttpModule, NgxUiLoaderConfig, SPINNER, POSITION, PB_DIRECTION } from  'ngx-ui-loader';

Затем я создал константу, подобную этой, для определения параметров конфигурации: -

const ngxUiLoaderConfig: NgxUiLoaderConfig = {
  bgsColor: 'red',
  bgsPosition: POSITION.bottomCenter,
  bgsSize: 40,
  bgsType: SPINNER.rectangleBounce,
  pbDirection: PB_DIRECTION.leftToRight, // progress bar direction
  pbThickness: 5, // progress bar thickness
};

Затем добавил NgxUiLoaderModule.forRoot(ngxUiLoaderConfig) в массив импорта@NgModule

В файле app.component.html я добавил тег <ngx-ui-loader></ngx-ui-loader> чуть выше тега <router-outlet></router-outlet>.

В *Файл 1023 * app.component.ts , я сохранил следующий код

import { NgxUiLoaderService } from 'ngx-ui-loader';

export class AppComponent implements OnInit{
  title = 'medico';
  constructor(private ngxService: NgxUiLoaderService) { }
  ngOnInit() {
    this.ngxService.start(); // start foreground spinner of the master loader with 'default' taskId
    // Stop the foreground loading after 5s
    setTimeout(() => {
      this.ngxService.stop(); // stop foreground spinner of the master loader with 'default' taskId
    }, 300);
  }
}

Когда я запускаю страницу, я вижу загрузчик.Проблема в том, что даже после изменения данных конфигурации в app.module.ts, свойство загрузчика не меняется.

Что я делаю не так?

Примечание.дать предложения типа «почему бы вам не использовать другой загрузчик, такой как http-загрузчик и т. д.».Вопрос в том, почему загрузчик пользовательского интерфейса ngx не работает должным образом.

Answer 1

Вам нужно изменить все экземпляры bgs на fgs, поэтому bgsColor должен быть fgsColor.

По умолчанию единственным видимым блесенщиком, по-видимому, является передний вращатель и индикатор выполнения.

Надеюсь, это поможет