Как настроить mdToast (to center)

Question

Угловой материал mdToast сервисная документация показывает позицию может быть любой комбинацией из 'bottom', 'left', 'top', 'right', 'fit'. Как настроить тост для отображения на 'top center'? Что это такое 'fit' вариант для? изменение демо-код ниже не помогло

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

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