Держите снэк-бар открытым после действия

Question

Я использую снэк-бар, чтобы уведомить пользователей моего приложения о возникновении некоторых ошибок.Теперь я хочу, чтобы снэк-бар оставался отображенным, пока fatalError не пусто

fatalError = [some,errors];

var snackBarRef = this.snackBar.open(
  this.fatalError.length + ' Fatal Error(s)', 'See'
);

Когда пользователь нажимает на «видеть», он может пометить все ошибки как прочитанные, а затем fatalError опустеть

Какдержать снэк-бар открытым после нажатия на действие?

Answer 1

Этого можно добиться с помощью пользовательского компонента snackBar.

В шаблоне пользовательского компонента включите свое сообщение и кнопки для необходимых действий.

Затем вы можете добавить MatSnackBar на свойкомпонент и обработчики щелчков кнопки, вы можете решить, хотите ли вы отменить закусочную (или отказаться от нее) (что можно сделать, используя метод dismiss из MatSnackBar)

Я разветвлен пример материала snackBar и создал пример stackblitz .