ionic-framework - Ionic AlertController 和 HTML 代码

Question

您好想要这样的东西，并将 css 分配给每个 div 和地址 block 。可能吗？？？

let alert = this.alertCtrl.create({
            title: 'Contact Us',
            subTitle: `
                <div class="address-block pp-notes-row">

                    <address></address>
                </div>
            `,
            buttons: ['OK'],
            cssClass: `
                .alert-wrapper {
                    width: 100%
                }

                .address-block {
                    text-align: left;
                }
            `
        });
        alert.present();

Answer 1

你可以这样做

let alert = this.alertCtrl.create({
  title: '<h1 class="c-no-margin winner-alert-title">Congratulations!</h1>',
  message: '<div>' +
  '<p class="c-no-margin">You are the WINNER, now please submit your details to your favourite celebrity and get video call.</p>' +
  '</div>',
  buttons: [
    {
      text: 'Select Celebrity',
      handler: () => {
        this.navCtrl.push("CelebrityList");
      }
    }
  ]
});
alert.present();