Ionic 3中Alert组件如何实现换行？需替换' '为哪种字符？

当然可以在Ionic 3的Alert弹窗里显示换行！你只需要把原本的换行符（\n）替换成HTML的换行标签 <br> 就可以了——因为Ionic 3的Alert组件允许在message属性中使用基础的HTML内容来控制排版。

给你调整后的代码示例，直接替换就能用：

doFinalise() {
  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: [
      // 这里可以添加你的按钮逻辑
      {
        text: 'Cancel',
        role: 'cancel',
        handler: () => {
          console.log('用户取消了操作');
        }
      },
      {
        text: '确认',
        handler: () => {
          console.log('用户确认了操作');
        }
      }
    ]
  });
  confirm.present();
}

等之后要加入变量的时候，直接把变量和<br>拼接进去就行，比如 Price ($/L): ${this.fuelPrice}<br>，完全不会影响换行的效果。

内容的提问来源于stack exchange，提问作者Dasonic