Utilicé angularx-qrcode para generar un qrcode donde se completan los datos de qrInfo. Sin embargo, recibo este error:

ERROR TypeError: no se pueden leer las propiedades de undefined (leyendo 'qrcElement') El código en qr-code-generate.component.html se ve así:

 <qrcode *ngIf="qrInfo" cssClass="coolQRCode" #qrcode [qrdata]="qrInfo" [width]="256" elementType="img" [errorCorrectionLevel]="'M'"></qrcode><a [href]="link" download><button class="btn btn-block (click)="downloadQRCode()">Download QRCode</button></a>

Mientras que el código en el controlador qr-code-generate.component.ts se ve:

 link: string; @ViewChild('qrcode', { static: true }) qrcode: QRCodeComponent; qrInfo : any;

Volviendo al archivo *.component.ts, manejamos la función downloadQRCode() de la siguiente manera:

 downloadQRCode() {this.link = this.qrcode.qrcElement.nativeElement.firstChild.src}

No puedo descargar el img usando la referencia al elemento qrcode, podemos acceder a su firstChild. Y cuando elimino *ngIf="qrInfo" de ***.component.html recibo un error

 angularx-qrcode.mjs:165 [angularx-qrcode] Error generating QR Code: angularx-qrcode] Field `qrdata` is empty, set allowEmptyString="true"' to overwrite this behaviour.