Ionic 如何添加换行符?

0wi1tuuw  于 2023-04-18  发布在  Ionic
关注(0)|答案(1)|浏览(298)
let errores = Object.values(this.errores)
let stringError = ""
for (let index = 0; index < errores.length; index++) {
  stringError += errores[index] + "\n"
}
return stringError

如何得到一个基本上返回一个字符串的换行符?

  • 这是在***角离子***与警报控制器
  • 我把这个错误放在消息上

我试过使用br,但我没有得到一个行中断。

7gyucuyw

7gyucuyw1#

要在Ionic警报控制器中显示换行符,您需要使用HTML标记并设置message属性以将消息解释为HTML。您可以通过使用警报控制器的message属性中的innerHTML属性来实现这一点。
以下是您可以如何做到这一点:
1.修改代码以使用<br>标记进行换行符:

let errores = Object.values(this.errores);
let stringError = "";
for (let index = 0; index < errores.length; index++) {
   stringError += errores[index] + (index < errores.length - 1 ? "<br>" : "");
}

1.创建警报时,使用message属性设置innerHTML:

async presentAlert() {
  const alertController = document.querySelector('ion-alert-controller');
  await alertController.componentOnReady();

  const alert = await alertController.create({
    header: 'Error',
    message: stringError, // Use your stringError variable here
    buttons: ['OK'],
    cssClass: 'multiline-alert', // Add a custom class for styling
  });
  await alert.present();
}

1.在global.scss或相关的样式表中,添加以下CSS规则以启用警报消息的innerHTML解释:

.multiline-alert .alert-message {
  white-space: pre-wrap;
}

这将允许您在Ionic警报控制器中显示带有适当换行符的错误消息。

相关问题