Действие отмены из компонента SnackBar - PullRequest
Новая
       6

Действие отмены из компонента SnackBar

0 голосов
/ 29 апреля 2018

Мне нужно создать логику отмены из пользовательского компонента snackBar. Я сталкиваюсь с проблемой вызова логической функции отмены из пользовательского компонента snackBar.

Снэк-бар Сервис: 

showSnackbar(mes: string){
    let snackRef=this.snackBar.openFromComponent(SnakebarComponent, {
              duration : 2000,
               data: mes
                   });
  }

Компонент SnackBar: 

constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any) { }
  message = this.data;

  ngOnInit() {
  }

  onClick(){
     // Undo Button of custom component
  }

Компонент вызова SnBB 

this._utility.showSnackbar('Saved Successfull!!');

Пожалуйста, помогите мне в достижении того же.

1 Ответ

0 голосов
/ 29 апреля 2018

Полагаю, вы, вероятно, ищете этот метод dismissWithAction(). В вашей функции вызовите dismissWithAction() по ссылке Snackbar, которая закрывает панель закусок.

Из официальной документации:

dismissWithAction: отмечает действие снэк-бара: Угловой материал - MatSnackBarRef API

Пример: 

// ...
export class CustomSnackBar {
  constructor(private snackBarRef: MatSnackBarRef<CustomSnackBar>){ }

  onActionBtnClick() {
    this.snackBarRef.dismissWithAction();
  }
}

Код, открывший закусочную: 

let snackBarRef = this.snackBar.openFromComponent(CustomSnackBar);
snackBarRef.onAction().subscribe(() => {
  console.log('Action button clicked!');
})
...