警报消息上的新行

Question

无论如何，在Ionic 3中使用警报显示新行吗？

我应该用'\ n'代替什么？

doFinalise() {
let confirm = this.alertCtrl.create({
  title: 'Are you sure?',
  message: 'Are these details correct?\n Price ($/L): \n KMs Done: \n Total Spent: \n Fuel Type: \n Date: ',
  buttons: [ etc...

最终，该消息将在新行之前显示变量，但是在此阶段不需要。

Answer 1

AlertController可以解析HTML标签。因此，您可以<br/>在此处使用标签。

let confirm = this.alertCtrl.create({
  title: `Are you sure?`,
  message: `Are these details correct?<br/> Price ($/L): <br/> KMs Done: <br\> Total Spent: <br\> Fuel Type: <br\> Date: `,
  buttons: [ etc...

或者，您可以查看我的演示并尝试使用项目符号或编号。

let alert = this.alertCtrl.create({
      title: 'Are you sure?',
      message: `
        Are these details correct?
        <ul>
          <li>Price ($/L):</li>
          <li> KMs Done: </li>
          <li>Total Spent: </li>
          <li>Fuel Type:</li>
          <li> Date: </li>
        </ul>
      `,

资料来源：Ionic 的Mike Hartington撰写的本论坛帖子