Ngx-Spinner
在主模块内调用时工作正常。
我在完整页面上使用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>
NgxSpinnerModule
导入到您的功能模块中。@NgModule({
imports: [
CommonModule,
NgxSpinnerModule,
...
],
})
export class FeatureModule { ... }
SharedModule
应该是 -@NgModule({
imports: [
CommonModule,
NgxSpinnerModule,
],
exports: [ // optional in your case
NgxSpinnerModule
],
providers: [
// ...
]
})
export class SharedModule { }
然后,
只需在需要NgxSpinnerModule
的地方导入它。
您可以根据需要添加许多外部模块。
尝试这个 在 StackBlitz 上的示例
在你的模块中导入 NgxSpinnerModule
import { NgxSpinnerModule } from "ngx-spinner";
@NgModule({
imports: [
CommonModule, NgxSpinnerModule
]
})
export class UserModule { }
show
和hide
的同一组件中出现,我的情况下它能够正常工作。我将<ng-spinner>
标签放在了app-root.component.html
中,并从其子组件中显示它。 - Sunny Goel