使用MatSnackBar在浏览器左上角放置Angular Material toast时遇到问题

Question

我正在使用MatSnackBar处理Angular材料吐司，

• 我想在浏览器的左侧和顶部放置Angular吐司
• 但我面临问题，因为this.snackBar.open（）只接收3个参数

• 当我添加第四个参数配置，为吐司的位置，因此我面临问题

 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

您可以像这样在配置选项中提供持续时间属性

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