How can I put custom component inside the alert dialog?

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.

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

Any idea how to make this work?