столкнувшись с проблемой размещения тоста Angular Material в левой верхней части браузера с помощью MatSnackBar

Question

Я работаю над угловым тостом, используя MatSnackBar,

• Я хотел поставить угловой тост на слева & верху браузер
• но я сталкиваюсь с проблемой , так как this.snackBar.open (), получает только 3 Аргумент

• когда я добавляю 4-й аргумент конфигурации для размещения тоста, и, таким образом, я сталкиваюсь с проблемой

 code : 

     toster(){
       let message = 'you don't have Internet connection' ;
       let action = 'please try again';
        let config = new MatSnackBarConfig();

        config.horizontalPosition = 'right';
        config.verticalPosition = 'top';


        this.snackBar.open(message, action ,{duration: 4000 } , config);
      }

Answer 1

Вы можете указать свойство duration в параметре config следующим образом:

toster(){
   let message = "you don't have Internet connection" ;
   let action = 'please try again';
    let config = new MatSnackBarConfig();

    config.horizontalPosition = 'right';
    config.verticalPosition = 'top';
    config.duration = 4000;


    this.snackBar.open(message, action , config);
  }
}