即使我按照文档中的说明操作，Angular notifier也不会加载css，它适用于带有notifier 6.0.1的

Question

所以我有个问题。无论我做什么，角度通知程序css都不会加载。。我遵循了安装程序页面上的说明，但它对我不起作用

BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
HttpModule,
ComponentsModule,
RouterModule,
AppRoutingModule,
MatToolbarModule,
MatCardModule,
MatFormFieldModule,
MatProgressSpinnerModule,
HttpClientModule,
NotifierModule.withConfig(customNotifierOptions),
],
declarations: [
AppComponent,
AdminLayoutComponent,
LoginComponent
],
const customNotifierOptions: NotifierOptions = {
position: {
horizontal: {
position: 'right',
distance: 12
},
vertical: {
position: 'bottom',
distance: 12,
gap: 10
}
},
theme: 'material',
behaviour: {
autoHide: 5000,
onClick: 'hide',
onMouseover: 'pauseAutoHide',
showDismissButton: true,
stacking: 4
},
animations: {
enabled: true,
show: {
preset: 'slide',
speed: 300,
easing: 'ease'
},
hide: {
preset: 'fade',
speed: 300,
easing: 'ease',
offset: 50
},
shift: {
speed: 300,
easing: 'ease'
},
overlap: 150
}
};

app.component.css具有以下内容：@导入'~角度通知程序/样式'；

我做错了什么？

Answer 1

您需要将@import "~angular-notifier/styles";添加到styles.css文件，而不添加到app.component.css

示例演示：https://stackblitz.com/edit/angular-notifier-demo

Answer 2

您需要添加<notifier-container></notifier-container>在底部您希望在其中显示通知的所有html页面。