Angular уведомитель не будет загружать css, даже если я следую инструкциям из документации, он предназначен для angular 9 с уведомителем 6.0.1 - PullRequest
0 голосов
/ 22 апреля 2020

Так что у меня проблема. Angular уведомитель 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 имеет это : @import '~ angular -notifier / styles';

Что я делаю не так?

1 Ответ

0 голосов
/ 22 апреля 2020

Вам нужно добавить @import "~angular-notifier/styles"; в styles.css файл и не добавлять в app.component. css

Пример демонстрации: https://stackblitz.com/edit/angular-notifier-demo

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...