Nouvelle ligne sur le message d'alerte

Question

Y a-t-il un moyen d'afficher les nouvelles lignes en utilisant une alerte dans Ionic 3 ?

Que dois-je remplacer ? \n avec ?

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...

Éventuellement, le message affichera une variable juste avant la nouvelle ligne, mais ce n'est pas nécessaire à ce stade.

Answer 1

AlertController peut analyser les balises HTML. Vous pouvez donc utiliser <br/> tag ici.

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...

Ou vous pouvez vérifier ma démo et essayer quelque chose avec des puces ou une numérotation.

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>
      `,

Source : ce message du forum par Mike Hartington de l'ionique

Answer 2

Oui, il est possible d'avoir un caractère de nouvelle ligne dans le contenu d'une popup ionique.

Remplacer \n avec <br > et cela fonctionne. Le cadre ionique produit du HTML après l'exécution de ce javascript.