Подтвердить что ты не робот

Поместить разрыв строки (перевод строки) в сообщение toastr в AngularJS?

Я использую этот код для отображения тостов на сайте AngularJS. Мне нужно знать, как поместить разрыв строки (<br/>) в тело. Когда я использую параметры, показанные в этом вопросе, toastr отображает тег на экране, а не интерпретирует его как HTML. Как я могу получить разрыв строки в тосте?

Ответ 1

Есть два способа использовать некоторые тэги 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'
});

Источник