Question

我尝试了 \ n 和＆lt; br /＆gt; ，但遗憾的是没有工作！

这可能吗？

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

p.s你需要在字符串

中使用\n换行

是否可以在Ionic2吐司中使用换行符？

2 个答案: