没有按钮的 Angular Material 基本 snackbar

Question

所以 Angular Material 有两种调用 SnackBar 的主要方式。一种方法是调用基本的默认 SnackBar:

snackbar.open('Message archived', 'Undo', {
  duration: 3000
});

另一种方法是将组件称为 SnackBar:

snackbar.openFromComponent(MessageArchivedComponent, {
  data: 'some data'
});

现在我的问题是，如何在没有'Undo' 按钮的情况下调用基本的(不使用组件)。我可以这样做:

snackBar.open('Message archived');

但是我该如何调整持续时间和所有其他属性呢？

https://material.angular.io/components/snack-bar/overview

Answer 1

试试这个。

snackbar.open('Message archived', '', {
  duration: 3000,
  extraClasses :['test']
});

向测试类添加样式，以便文本对齐。

如果 extraClasses 不起作用，请改用 panelClass

CSS 类。

.test .mat-simple-snackbar{justify-content: center;}