Come inserire un'interruzione di riga in un messaggio toastr in AngularJS?

Question

Sto usando questo code per visualizzare i toasts su un sito AngularJS. Devo sapere come inserire un'interruzione di riga
nel corpo. Quando utilizzo le opzioni mostrate in questo question, rende il tag sullo schermo, piuttosto che usarlo come html. Come posso ottenere un'interruzione della linea in un brindisi?

Answer 1

Ci sono due modi per consentire alcuni tag html, incluse le interruzioni di riga, in un brindisi.

Includi 'body-output-type': 'trustedHtml' in toaster-options.

<toaster-container toaster-options="{ 
    'closeButton': false, 
    'debug': false, 
    'position-class': 'toast-bottom-right', 
    'onclick': null, 
    'showDuration': '200', 
    'hideDuration': '1000', 
    'timeOut': '5000', 
    'extendedTimeOut': '1000', 
    'showEasing': 'swing', 
    'hideEasing': 'linear', 
    'showMethod': 'fadeIn', 
    'hideMethod': 'fadeOut', 
    'body-output-type': 'trustedHtml' 
}"></toaster-container> 

o includere trustedHtml in una chiamata a toaster.pop()

toaster.pop('success', 'Saved', 'Saved<br/>it!', 3000, 'trustedHtml'); 

o

toaster.pop({ 
    type: 'success', 
    title: 'Saved', 
    text: 'Saved<br/>it!', 
    bodyOutputType: 'trustedHtml' 
}); 

Source