如何自定义mdToast（到中心）

Question

Angular Material help(randomForest)服务文档显示该位置可以是mdToast的任意组合。  如何自定义要在'bottom', 'left', 'top', 'right', 'fit'位置显示的吐司？  这个'top center'选项是什么？将演示代码更改为下面没有帮助

'fit'

Answer 1

如果你想让吐司居中，只需添加

md-toast.md-top {
    left: 50%;
    margin-left: -150px;
}

到你的CSS，你已经完成了。 -150是我的吐司宽度的一半

Answer 2

使用最新版本（1.0.0稳定版），这就是它的完成方式：

将以下内容添加到您的CSS

md-toast.md-center {
left: 50%;
transform: translate3d(-50%, 0, 0);
}

这是你的角度

$mdToast.simple()
  .textContent(message)
  .position('top center')  // or 'bottom center
  .show();