title: How to add html Content on Snackbar in angular material?
body: <p>I have created toaster(snackbar) for response message.
  I want to add an html content on toaster(snackbar) so that multiple message can be  display in proper format.</p>
  
  <p><strong>I have tried</strong> </p>
  
  <pre><code>var test ='&lt;html&gt; &lt;body&gt;' + '&lt;h1&gt;The Header&lt;/h1&gt;'  +  '&lt;p&gt;The paragraph of text&lt;/p&gt;' + '&lt;/body&gt;  &lt;/html&gt;';
  
  
  this._toastr.error(test);
   _toastr : is my service.
   .error  : is my function in which I have to pass htmlContent 
  </code></pre>
  
  <p><strong>My code</strong></p>
  
  <pre><code>var test = '&lt;html&gt; &lt;body&gt;' + '&lt;h1&gt;The Header&lt;/h1&gt;'  +  '&lt;p&gt;The paragraph of text&lt;/p&gt;' + '&lt;/body&gt;  &lt;/html&gt;';
  
  this._toastr.error(test);
  </code></pre>
  
  <p>OUTPUT SHOULD BE:-
  The prices for the below xxx/ xxx have already been entered for 27 Nov 2018.  </p>
  
  <ol>
  <li>Hello world!</li>
  <li>Hello people!</li>
  </ol>
  
  <p>I want this thing in toster(snackbar)</p>
  
  <p><a href="https://i.stack.imgur.com/7C3zi.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7C3zi.png" alt="Need Output like this which should be in html table Content"></a></p>