Angular Material Snackbar不能正常工作

Question

我使用小吃店告诉用户一些信息，但小吃店的位置不正确，这是我的代码：

openSnackBar(msg: string) { this.snackBar.open(msg, undefined, { duration: 2000, extraClasses:['snack-bar'] }); }

this.snackBar被注入构造函数

当我调用此功能时，小吃店会在我的页面的左下角执行，如下所示：

enter image description here

你看到带有文字的黑色区块是小吃栏，并在其上添加一个带有相同文字的div，这个div不再消失。

我使用bootstrap3 + Angular 5 + Material 2

Answer 1

要正确定位，请设置配置horizontalPosition: 'right'
在您的代码中，

this.snackBar.open(msg, undefined, {
  duration: 2000,
  horizontalPosition:'right'
});