时间戳

首页 > 解决方案 > Angular Material Snackbar 全局配置

angular - Angular Material Snackbar 全局配置

问题描述

我正在按照 Angular Material github 上的指南设置自定义全局配置以在小吃栏模块上使用。这是我正在遵循的指南。

但是，正如文档中所说的那样，MAT_SNACK_BAR_DEFAULT_OPTIONS仅没有导出，MAT_SNACK_BAR_DATA但它没有覆盖默认配置。

这是我尝试过的：

import { MatSnackBarModule, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';

providers: [
    { provide: MAT_SNACK_BAR_DATA, useValue: { duration: 2500 } }
]

我也试过这样：

{ provide: MatSnackBarConfig, useValue: { duration: 2500 } }
{ provide: MatSnackBarConfig, useClass: SnackClass }

但是没有一个选项有效。零食在指定时间后不会自动关闭。

标签： angularangular-materialangular5angular-material-5

解决方案

import { MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';

providers: [
  {provide: MAT_SNACK_BAR_DEFAULT_OPTIONS, useValue: {duration: 2500}}
]

推荐阅读