क्या Ionic2 टोस्ट में न्यूलाइन कैरेक्टर होना संभव है?

Question

मैंने \ n और < br /> दोनों की कोशिश की, लेकिन दुर्भाग्य से काम नहीं कर रहा!

क्या यह संभव है?

//Displaying toast to welcome user! 
 
let user = this.currentUser(); 
 
//console.log(user); 
 
let toast = Toast.create({ 
 
    message: 'Hi ' + user.email + '! <br/> Welcome to My App', 
 
    duration: 5000, 
 
    position: 'bottom' 
 
}); 
 

 
toast.onDismiss(() => { 
 
    console.log('Dismissed toast'); 
 
}); 
 

 
this.nav.present(toast);

Answer 1

असल में यह संभव है। एक लाइन ब्रेक के लिए

.toast-message { 
    white-space: pre; 
} 

और \n: आप निम्न कर सकते हैं।

नोट: home.ts और style.css पर एक नज़र डालें।

working plunkr

Answer 2

देखें @iWork समाधान कई स्थिति के लिए काम करता है हालांकि लेकिन यदि आप अपने टोस्ट में close बटन स्क्रीन के आगे बढ़ा दिया जाएगा।

तो तुम बजाय इन शैली पत्रक का उपयोग कर सकते हैं:

.toast-message { 
    white-space: pre-line; 
} 

ps आप अपने स्ट्रिंग