ionic-framework - Ionic2 toast 中是否可以有换行符?

标签 ionic-framework ionic2

我尝试了\n
,但是很遗憾,它无法正常工作!

这可能吗?

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

最佳答案

其实有可能。您可以执行以下操作:

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

\n换行。

注意:看看home.tsstyle.css

参见working plunkr

关于ionic-framework - Ionic2 toast 中是否可以有换行符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38597297/

相关文章:

angularjs - ionic 框架日历

android - Ionic cordova 构建 android 失败 - 由于某些路径错误

google-maps - ionic 2/3 : Is it possible to open google map APP by passing custom lat- long?

javascript - Ionic 2 - 使用参数在页面之间导航(空白应用程序)

cordova - Ionic - 为浏览器构建/运行

angular - ion-fab-list on open, on close 事件

android - Ionic Android 内部共享内存

javascript - ionic 和 AngularJS : How to retain state between navigations?

css - 使用css根据屏幕尺寸制作圆形图像

sqlite - 如何在Ionic 2和SQLite上处理事务和相关记录?