将换行符(换行符)放入AngularJS中的toastr消息中?

时间:2015-07-06 19:52:02

标签: javascript angularjs toastr

我正在使用此code在AngularJS网站上显示祝酒词。我需要知道如何将换行(<br/>)放入体内。当我使用此question中显示的选项时,toastr会在屏幕上呈现标记,而不是将其解释为HTML。我怎样才能突破干排?

1 个答案:

答案 0 :(得分:21)

有两种方法可以在toast中允许一些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