Comments (12)
I have same issue, did not get solution
from angular-qrcode.
you can do what I did as well...
from angular-qrcode.
same issue ...
Found that problem is caused by loosing pointer to DOM on this part of code (line 129)
if (link) {
link.className = 'qrcode-link';
$canvas.wrap(link);
domElement = link;
}
main problem is on domElement = link
Overhead is set it to this way domElement = element[0].firstChild
if (link) {
link.className = 'qrcode-link';
$canvas.wrap(link);
domElement = element[0].firstChild;
}
from angular-qrcode.
interesting @kodl, those 2 code examples should be equivalent, and download does works for me here (in chrome) without this fix:
http://monospaced.github.io/angular-qrcode/
do you have any more info on your setup, is it a particular browser you're experiencing this issue in?
from angular-qrcode.
Same issue here. @kodl is right. After $canvas.wrap(link), the 'link' is no longer the same 'link'.
However the demo link works fine for me too.
from angular-qrcode.
Different Angular version? I'm using Angular 1.3.18
from angular-qrcode.
Angular-qrcode is part of my (bigger project) - I didn't tested the plain component separately (yet) .. On project I'm using "angularjs": "~1.3.17" and tested it on Chrome 45.0.2454.101, iPhone Safari and Android Chrome.
When I've debug it I found, that variable domElement contains element with correct href, but it isn't in the DOM - in DOM was cloned element without href. Seems that $canvas.wrap(link)
create (for some reason) a copy of element and wrap it around canvas, but return original element which is unattached to DOM (classname is set to 'qrcode-link' on both instances).
I'm going to test it on separate project (on the demo code) .. but currently I'm out of time .. :(
from angular-qrcode.
Thanks everyone 👍
My conclusion is that the behaviour of angular.element.wrap()
changed between Angular 1.2.10 and 1.4.7.
Should be fixed in c8cf213, and new version 6.1.3 released.
from angular-qrcode.
Actually looking at the comments here and #24, the behaviour of wrap()
must had changed by Angular 1.3.x.
from angular-qrcode.
👍 Thank you for quick fix
from angular-qrcode.
Thank very much for fixing it :)
from angular-qrcode.
fixed
from angular-qrcode.
Related Issues (20)
- Copy QRCode with CTRL+C HOT 2
- not displaying QR code HOT 3
- "qrcode" global naming has conflict with another library which scans qrcode HOT 1
- qrcode is not defined HOT 5
- qrcode will not be generated when 'data' string is too long
- Not see nothing HOT 2
- Wrong qrcode-generator version in bower.json HOT 5
- Download qr code with unique name HOT 1
- url too long HOT 1
- Download is not working on MS Edge HOT 1
- How to print on a device HOT 1
- angularjs bower HOT 2
- Printing issues HOT 2
- qrcode is not defined HOT 2
- Error not working HOT 1
- not an angular project HOT 1
- simply its an html code HOT 1
- Demo not working HOT 2
- bower-qrcode-generator has invalid git url, sometimes it does not work. HOT 2
- How to set size of QR code with higher version number (module)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-qrcode.