2015-07-06 13 views
13

AngularJS sitesindeki tostları görüntülemek için bu code kullanıyorum. Vücudun içine
hattını nasıl sokacağımı bilmem gerek. Bu question'da gösterilen seçenekleri kullandığımda, etiketi html olarak kullanmak yerine ekrana getirir. Bir tostun içine nasıl bir ara verebilirim?AngularJS'de bir toastr mesajına satır sonu nasıl yazılır?

+0

Çok güzel kendini Q & A bir çağrı trustedHtml dahil, Bunları kendim yapmak ara sıra –

cevap

18

Tost içinde satır araları da dahil olmak üzere bazı html etiketlerine izin vermenin iki yolu vardır.

Tost-seçeneklerinde 'body-output-type': 'trustedHtml' öğesini ekleyin.

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

Ya) (toaster.pop

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

veya

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

Source