使用MatSnackBar在浏览器的左上方放置Angular Material烤面包时面临的问题

Question

我正在使用MatSnackBar制作Angular材料吐司，

• 我想将Angular吐司放在菜单的左和顶部 浏览器
• 但是我正面临问题，因为this.snackBar.open（）只能接收 3 论点

  

  
• 当我为吐司面包添加第4个参数config时，因此我遇到了问题
  

 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

您可以像这样在config选项中提供duration属性

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