Cannot load jquery in angular controller

Question

So I have an SPA in angular. I want to insert a QR code, using a jquery plugin.

All my controllers and my javascript are in my index.html. When user visits screen.html or keybord.html , there is another small page inside those pages

the controller of qr.html has

jQuery('#cardQR').qrcode({
        text :"yo"
});

When I first go to screen.html the QR is there, if I go to keybord.html or go back to screen.html the QR renders for half a second and gets lost.

I guess the QR jquery plugin gets loaded once in index.html and never again because index does not reloads again, only screen or keybord. I may be wrong.

I dont know how to fix this. Any tips?

Thanks

Please share your code.

ADreNaLiNe-DJ
– ADreNaLiNe-DJ

2016-03-31 09:31:21 +00:00
Commented Mar 31, 2016 at 9:31 — ADreNaLiNe-DJ
– ADreNaLiNe-DJ, Commented Mar 31, 2016 at 9:31

Martijn Welker · Accepted Answer · 2016-03-31 09:33:15Z

1

Using jQuery in Angular controllers is usually really bad practice, I would advise you to use something like angular-qrcode for a more 'Angular way' implementation.

As for your question, this isn't possible to answer without seeing more of your code, could you create a fiddle/plunkr ?

answered Mar 31, 2016 at 9:33

Martijn Welker

5,6151 gold badge19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot load jquery in angular controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related