Ionic2烤面包可以换行吗？

我试过\ n和<，但不幸的是不工作！Ionic2烤面包可以换行吗？

这可能吗？

//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);

来源

2016-07-26 Ankit Maheshwari

http://stackoverflow.com/questions/37118385/styling-ionic使用\n的换行符-2祝酒 –

即不解决问题！ –

没错。这是一个类似的问题，答案似乎是“不，你不能”。还有一个链接到文档。 –

其实这是可能的。对于断行

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

和\n：你可以做以下。

注意：看看home.ts和style.css。

见working plunkr

来源

2016-07-27 12:21:47

不知何故，它在实际应用中不起作用，我在plunkr（working！）上编写了相同的代码，但没有在我的类型脚本文件中工作。或者这可能是Ionic2的问题 –

好吧，这是工作。我第一次使用'
'，但它使用'\ n'作为答案。 – Guus

我不必做CSS，\ n开箱即用。
是一个deadend –

虽然@iWork解决方案适用于许多情况，但如果你在祝酒时有close按钮将推出屏幕。

所以，你可以使用这些样式表来代替：

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

PS你需要在你的字符串

来源

2017-01-28 22:14:04 RezaRahmati

Ionic2烤面包可以换行吗？

回答

相关问题