web-dev-qa-db-ja.com

AngularJSのtoastrメッセージに改行（改行）を入れますか？

AngularJSサイトにトーストを表示するために、この code を使用しています。改行（<br/>）ボディに。この question に示されているオプションを使用すると、toastrはタグをHTMLとして解釈するのではなく、画面上にレンダリングします。トーストに改行を入れるにはどうすればよいですか？

javascriptangularjstoastr
16
jaycer

トーストで改行を含む一部のHTMLタグを許可するには、2つの方法があります。

_'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>
_

またはtoaster.pop()：の呼び出しに_'trustedHtml'_を含めます

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

または

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

ソース

22
jaycer