角形基本小吃条，无按钮

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;}