html - 如何使用 HTML 在 Ionic2 toasts 中添加新行？

Question

我尝试在 toast 消息中添加一些新行。

    let toast = this.toastCtrl.create({
        message: "First line<br />Second line.",
        duration: 5000,
        dismissOnPageChange: true
    });
    toast.present();

但它只显示标签。如何将换行符(和其他 HTML 标记)放入 toast 消息中？

Answer 1

此处无法呈现 HTML 标记

由于 toast 组件的模板使用 double-curly braces of interpolation 呈现 message 的方式，目前无法查看 toast 消息中的 HTML 标记。

IonicFramework 中的引用来源:File/Commit

或者，在邮件正文中为任何 HTML 元素添加新行

您可以使用 \x0A 或 \n 以及 style="white-space: pre-line;"

解决方案

let toast = this.toastCtrl.create({
    message: "First line<br />Second line.",
    duration: 5000,
    dismissOnPageChange: true,
    cssClass: "className",
});
toast.present();

.className{
   white-space: pre-line;
}