Ionic2框架-是否可能在Ionic2 toast中具有换行符

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

而CCD_ 1用于断线。

注意：请看一下home.ts和style.css。

参见工作plunkr

Answer 2

虽然@iWork解决方案适用于许多情况，但如果您的吐司中有close按钮，它将被推出屏幕。

因此，您可以使用以下样式表：

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

p.s您需要在字符串中使用n换行