HTML-сообщение с не работает в простой угловой материал Тостер

Question

Мне нужно использовать тостер Angular Material на каждой странице моего проекта, и сообщение может содержать HTML-теги. Но HTML-сообщение не работает с тостером Angular Material.

$mdToast.show(
    $mdToast.simple()
       .textContent('Field is required <br> Some Other Content')
       .position(pos)
       .hideDelay(3000)
);

Любая идея?

Answer 1

Например, вы можете сделать это так.

var displayToast = function(type, msg) {
    $mdToast.show({
        template: '`<br/>`' + msg + '`<br/>`',
        hideDelay: 6000,
        position: 'bottom right'
    });
};

Answer 2

Ты можешь сделать это

$mdToast.show({
          hideDelay   : 3000,
          position    : 'top right',
          templateUrl : 'your_template.html'
        });

и в вашем шаблоне

<div>Field is required <br> Some Other Content</div>