ngx-ui-loader：loaderId“master”不存在

Question

在我的 Angular 8 应用程序中，我使用 ngx-ui-loader 来实现多个加载器。 我不断收到错误，loaderId“master”不存在。有谁可以帮忙吗

应用程序模块

  const ngxUiLoaderConfig: NgxUiLoaderConfig = {
  fgsColor: '#aeaeae',
  blur: 0,
  fgsPosition: POSITION.centerCenter,
  fgsSize: 50,
  fgsType: SPINNER.fadingCircle,
  hasProgressBar: false,
  overlayColor: "rgba(138,136,136,0)"
  };
  @NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    . .
    NgxUiLoaderModule.forRoot(ngxUiLoaderConfig)
  ]
  })

home.模块

  @NgModule({
  declarations: [
    HomeComponent,
  ],
  imports: [
    . .
    NgxUiLoaderModule
  })

home/home.组件

<router></router>
<ngx-ui-loader></ngx-ui-loader>

home/catalogue/catalogue.component

<mat-card>
<mat-card-content>
...
...
<ngx-ui-loader [loaderId]="'loader-01'"></ngx-ui-loader>
</mat-card-content>
<mat-card>
<mat-card>
<mat-card-content>
...
...
<ngx-ui-loader [loaderId]="'loader-02'"></ngx-ui-loader>
</mat-card-content>
<mat-card>

Answer 1

抱歉回复晚了，但正如官方文档中所说 “多个加载程序”部分：

注2：您的应用程序只能有一个主加载器。 主加载程序应放置在您的应用程序根模板中，以便您可以在应用程序中的任何位置调用它。

您的应用程序的根目录需要一个主加载程序，即使您的笔记使用它。

因此，请将不带任何

[loaderId]

的 <ngx-ui-loader></ngx-ui-loader> 从 home/home.component 移动到应用程序的必须根目录，例如 app.component.html 或 main.html