Dynamic update qr value string about angularx-qrcode

[thirupathireddygopal]

it is not working dynamically when i change the value, at first time when the component instantiate it works but when i change the value dynamically it is not refelecting

I am also facing this issue. I am passing updating the qrcode data using api but it does not generates the qr code.

[Cordobo]

I'm having a look into it, thanks for your feedback.

[usachev-dev]

Same here

[gmagaton]

I made a workaround refreshing page after setting qrcode value.

[Geschan]

Same problem here - is there any workarround, without refreshing the page?

[matteomason]

Same issue here!

[Cordobo]

Please update angularx-qrcode to 1.1.6 (Angular 5)

[Cordobo]

I uploaded a sample app with a working dynamic update:
https://github.com/Cordobo/angularx-qrcode-sample-app

[rahulr-96]

Any update on this?

[rahulr-96]

Any update on this?

I found a workaround
in html:
<qrcode *ngIf="downloadUrl" [qrdata]= "downloadUrl" [width]="256" [errorCorrectionLevel]="'M'"></qrcode>

in ts:
this.downloadUrl = undefined this.downloadUrl = url; this.cdr.detectChanges();

assigning undefined prevents generating unnecessary multiple qr code

[Joroooo]

I tried to workaround.
Does not update it on my side even that i use the string firstly as undefined and i use changeDetectorRef

[rahulr-96]

I tried to workaround.
Does not update it on my side even that i use the string firstly as undefined and i use changeDetectorRef

Please provide the code that you tried

[Joroooo]

Well i fixed. It is being changed now. But the change appears long after the string has changed. Meaning the code is not generated when my string changes but some seconds after it.

qrCodeLink: string | undefined = undefined;
isShowingCode = false;

<qrcode
*ngIf="isShowingCode"
#qrCodeElement
[elementType]="'img'"
id="qr-code"
[qrdata]="qrCodeLink ?? ''"
[allowEmptyString]="true"
[ariaLabel]="xxx"
[cssClass]="'center'"
[colorDark]="'#000000ff'"
[colorLight]="'#ffffffff'"
[errorCorrectionLevel]="'M'"
[imageSrc]="'../../../assets/img/logo_symbol.png'"
[imageHeight]="60"
[imageWidth]="60"
[margin]="4"
[scale]="1"
[title]="'xxx'"
[width]="200"
>

[EslamKholeef]

I tried solutions from other planets and nothing worked!