How can I put custom component inside the alert dialog?

Ionic Framework ionic-v3
1

I’m using the angularx-qrcode library to generate the qr-code. I would like to display the qr-code inside the alert dialog box.

The following code just show a dialog with the button, but the content is empty and not render.

this.alertController.create({
    message: `<div class="qrcode-popup-wrapper">
            <qrcode [qrdata]="'${model.voucherNo}'" [size]="256" [level]="'M'"></qrcode>
        </div>`,
    buttons: ['CLOSE']
});

Any idea how to make this work?