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'
});
20
répondu
jaycer
2015-07-06 19:52:02