angularjs - 不使用简单的角材料烤面包机的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>