Comment mettre une rupture de ligne dans un message toastr à AngularJS?

je suis à l'aide de ce code pour afficher des toasts sur un site AngularJS. J'ai besoin de savoir comment mettre un saut de ligne

dans le corps. Quand j'utilise les options indiquées dans ce question, il rend le tag sur l'écran, plutôt que de l'utiliser comme html. Comment puis-je faire une ligne de rupture dans un toast?

13
demandé sur Community 2015-07-06 22:52:02

1 réponses

il y a deux façons d'autoriser certaines balises html, y compris les sauts de ligne, dans un toast.

Include 'corps-sortie de type': 'trustedHtml' dans le grille-pain-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>

ou inclure trustedHtml dans un appel à toaster.pop ()

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

ou

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

Source

20
répondu jaycer 2015-07-06 19:52:02