Question

当我通过http call =>

收到错误消息时，我试图显示一个小吃栏

  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类等都将应用。

Answer 1

必须包含theme才能将所有核心样式和主题样式应用于您的应用程序。

要开始使用预制主题，请在您的应用程序中全局包含Angular Material的预制主题之一。如果您使用的是Angular CLI，则可以将其添加到styles.css：

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

如果您不使用Angular CLI，则可以通过index.html中的元素包括预建主题。

有关主题的更多信息以及如何创建自定义主题的说明，请参见theming指南。

快餐栏css显示不正确

1 个答案: