2015-07-06 2 views
13

Я использую это code для отображения тостов на сайте AngularJS. Мне нужно знать, как поместить разрыв строки
в тело. Когда я использую параметры, показанные в этом question, он отображает тег на экране, а не использует его как html. Как я могу получить разрыв строки в тост?Как поместить разрыв строки в сообщение toastr в AngularJS?

+0

Очень приятно само Q & A, я это делаю сам иногда –

ответ

18

Существует два способа разрешить некоторые теги html, включая разрывы строк, в тосте.

Включить 'body-output-type': 'trustedHtml' в 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> 

Или включать trustedHtml в вызове toaster.pop()

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

или

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

Source

Смежные вопросы