Ionic2 警报消息中的新行

Ionic2 警报消息中的新行,ionic2,ionic3,Ionic2,Ionic3,在爱奥尼亚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... 最后,该消息

在爱奥尼亚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...

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

AlertController可以解析HTML标记。因此,您可以在此处使用

标记

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 confirm=this.alertCtrl.create({
标题:`你确定吗?`,
信息:`这些详细信息正确吗?
价格($/L):
已完成公里数:总消耗量:燃料类型:日期:`, 按钮:[等。。。
或者你可以检查并尝试使用项目符号或编号

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>
      `,
let alert=this.alertCtrl.create({
标题:“你确定吗?”,
信息:`
这些细节正确吗?
  • 价格(美元/升):
  • KMs已完成:
  • 支出总额:
  • 燃料类型:
  • 日期:
`,

资料来源:Ionic的Mike Hartington是的,Ionic弹出内容中可能有换行符


将\n替换为
标记,它就会工作。爱奥尼亚框架在执行该javascript后输出HTML。

工作正常:-D