Угловой материал базовой закусочной без кнопки

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']
});

добавьте стили в тестовый класс, чтобы текст был выровнен.

Если дополнительные классы не работают, используйте вместо этого panelClass

CSSкласс.

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