закусочная css отображается неправильно - PullRequest
Новая
       8

закусочная css отображается неправильно

0 голосов
/ 24 мая 2019

Я пытаюсь показать снэк-бар, когда получаю сообщение об ошибке http: => 

  constructor(
    private actions$: Actions,
    private getuserService: UserService,
    private snackBar: MatSnackBar
  ) { }



  @Effect()
  getUser$ = this.actions$.pipe(
    ofType<featureActions.getUser>(featureActions.ActionTypes.getUser),
    switchMap(() =>
      this.getuserService.getUser().pipe(
        map(user => new featureActions.getUserSuccess(user)),
        catchError((error: HttpErrorResponse) => {
           this.snackBar.open("error message", 'OK', {duration: 2000});
          return of(new featureActions.GetUserFailed(error))
        }),
      ),
    ),
  );

Я импортировал все модули материалов в свой AppModule, включая MatSnackBarModule.

но,когда я показываю его, div выглядит так в левом верхнем углу страницыCSS где угодно.Я не совсем понимаю свою ошибку.Кроме того, когда я проверяю, применяются все классы CSS и т. Д.

1 Ответ

0 голосов
/ 24 мая 2019

Включение темы требуется для применения всех основных и стилей темы к вашему приложению.

Чтобы начать работу с предварительно созданной темой, включите в приложение одну из предварительно созданных тем Angular Material. Если вы используете Angular CLI, вы можете добавить это в файл styles.css:

@ import "~@angular/material/prebuilt-themes/indigo-pink.css";

Если вы не используете Angular CLI, вы можете включить предварительно созданную тему через элемент в ваш index.html.

Дополнительные сведения о темах и инструкции по созданию собственной темы см. В руководстве Темы .

...