Issue with Google Authenticator QR code URI

[axcl]

I am trying to generate QR code for the Google Authenticator App with the use of uri which is something like this

otpauth://totp/App%3Fsecret=XX47YM3N7JC6EN5B6DHRDNYW2AO74JYK

And i am assigning the same with following markup
<qr-code [value]="QRUrl" [size]="150" canvas="true"></qr-code>

Variable QRUrl is having the complete uri as mentioned but the qr code generated after rendering is having only upto 30 characters of the value

<qr-code _ngcontent-c5="" canvas="true" ng-reflect-size="150" ng-reflect-value="otpauth://totp/App%3Fsecret=XX" ng-reflect-canvas="true"><canvas height="150" width="150"></canvas></qr-code>