Question

Ngx-Spinner在主模块（即app-module）中调用时效果很好。

我在整页上使用line spinner，所以我在app-component.html内定义它

<ngx-spinner bdColor="rgba(51, 51, 51, 0.47)" size="medium" color="#fff" type="line-spin-clockwise-fade"></ngx-spinner>

但是如果我试图通过功能模块的一个组件来显示此微调器，它将无法正常工作。

Answer 1

您需要将此ngx-spinner移动到单独的组件中。您可以使用源组件中的next（）运算符使用Subject / BehaviorSubject调用此微调器组件。

您可以使用显示/隐藏微调器的订阅方法在“ ngx-spinner”组件中侦听数据。

Answer 2

在使用功能模块和延迟加载时，还需要将NgxSpinnerModule导入功能模块。

@NgModule({
    imports: [
        CommonModule,
        NgxSpinnerModule,
        ...
    ],
})
export class FeatureModule { ... }

希望有帮助

Answer 3

通过共享模块文件分隔出常用模块是一个好习惯。因此，您的SharedModule为-

@NgModule({
    imports: [
        CommonModule,
        NgxSpinnerModule,
    ],
    exports: [    // optional in your case
        NgxSpinnerModule
    ],
    providers: [
        // ...
    ]
})
export class SharedModule { }

然后

仅在需要NgxSpinnerModule的位置导入此文件。
您可以根据需要添加许多外部模块。

Answer 4

尝试这个https://github.com/golang/go/wiki/GoArm

在模块中导入NgxSpinnerModule

import { NgxSpinnerModule } from "ngx-spinner";


@NgModule({
  imports: [
    CommonModule, NgxSpinnerModule
  ]
})
export class UserModule { }

Ngx-Spinner在功能模块中不起作用

4 个答案: