Angular material 如何自定义mdToast(到中心)

Angular material 如何自定义mdToast(到中心),angular-material,Angular Material,角度材料mdToast维修文档显示,位置可以是底部、左侧、顶部、右侧、适合的任意组合。 如何定制吐司以显示在“顶部中间”位置? 这个'fit'选项用于什么?将演示代码更改为下面的代码没有帮助 $mdToast.simple() .content('Simple Toast!') .position('fit') .hideDelay(3000) 如果你想把吐司放在中间,只需加上 md-toast.md-top { left: 50%;

角度材料
mdToast
维修文档显示,位置可以是
底部、左侧、顶部、右侧、适合的任意组合。
如何定制吐司以显示在
“顶部中间”
位置? 这个
'fit'
选项用于什么?将演示代码更改为下面的代码没有帮助

 $mdToast.simple()
        .content('Simple Toast!')
        .position('fit') 
        .hideDelay(3000)

如果你想把吐司放在中间,只需加上

md-toast.md-top {
    left: 50%;
    margin-left: -150px;
}
到你的CSS,你都设置好了-150是我的吐司宽度的一半

最新版本(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();

mdToast没有“中心”位置有什么原因吗?这可能会有帮助,Dude:-看看^Please+1上面的GitHub问题,如果你还没有。这应该更容易…它的到来-它的工作与toastClass方法和这种风格的我,谢谢!