<br>のHtmlメッセージは、単純な角度の素材では動作しません。Toaster

Question

私のプロジェクトのすべてのページでAngular Materialトースターを使用する必要があり、メッセージにhtmlタグが含まれている可能性があります。しかし、HTMLメッセージは、Angular Material Toasterでは機能しません。

$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>