无法从app.module.ts文件配置ngx-ui-loader

Question

我正在使用ngx ui loader进行角度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>标记。

在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中的配置数据之后，loader属性也不会更改。

我究竟做错了什么？

注意：请不要给出“为什么不使用http-loader之类的其他加载器等”的建议。问题是为什么ngx ui加载器没有按预期工作。

Answer 1

您需要将bgs的所有实例更改为fgs，因此bgsColor应为fgsColor。

默认情况下，唯一的微调器可见者似乎是前景微调器和进度条。

希望有所帮助