How to create and test a QR code scanner in ionic framework?

cordova
1

Hi, I am very new to ionic, and want to create a QR code scanner app.

I want a button Scan and on click of it it should start the camera and scan any valid QR code, and then if it is valid and has data then alert it.

I tried to follow many example on web, but not any single one worked, or maybe I didn’t do it properly. I followed this example but when I run this app, it shows “Scan” button but on click on it, nothing happens. Is it because I am running it in my mac osx?

Can anyone please supply me step by step guide for this? Please help!

2

im just working on something similar I can give you a hand with it once ive got my finished and working if you like?

3

Hi yes please help me if possible, guide me how to do this. As I googled a lot but no clear instructions on this anywhere.

4

so have you tried

http://ngcordova.com/docs/plugins/barcodeScanner/

5

But it says that is for “phonegap” and I don’t know how to convert it to anuglar/ionic code?

6

ngcordova is a cordova wrapper for AngularJS … Ionic uses AngularJS

7

OK, then why iconic adds cordova.js and not ngcordova.js in there starter app?

8

dunno :slightly_smiling:

Cordova with the power of AngularJS

	ngCordova is a collection of 70+ AngularJS extensions on top of the Cordova API that make it easy to build, test, and deploy Cordova
		mobile apps with AngularJS.

ngcordova is your friend :slight_smile:

9

Ngcordova can also be added and injected as a dependency in the module have all its services available to u