angular-material - 如何自定义 mdToast(居中)

Question

角料mdToast服务文档显示位置可以是'bottom', 'left', 'top', 'right', 'fit'的任意组合.
如何自定义 Toast 以显示在 'top center'位置？
这是什么'fit'选项？将演示代码更改为下面没有帮助

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

Answer 1

如果您想将 toast 居中，只需添加

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

到您的 CSS，一切就绪。 -150 是我 toast 宽度的一半