今天給大家分享一下基於angularjs與ionic框架實現手機二維碼掃描的功能。沒有用到cordova等任何插件，h5＋實現的。
開發工具：hbuilder
首先，需要在hbuilder項目下面的配置文件里面引入“Barcode”的配置，具體步驟：
1.找到“manifest.json”文件，右鍵打開，切換到代碼試圖
2.在里面，可以看到"permissions"，直接添加
"Barcode": {
"description": "二維碼掃描"
},這個配置就可以了。下面貼出圖片供大家參考
，
，
其次，廢話不多說，直接上代碼截圖了。
中間我畫紅圈的就是二維碼顯示的區域，這個是頁面的代碼。下面是js代碼。
我圈出來的都是關鍵部分，在官網上面都有詳細的解釋，這里就不多嗶嗶了。請記住，在這個js執行之前一定要移動設備判斷，否則在瀏覽器調試會報錯。
最后，官網地址：http://www.html5plus.org/doc/zh_cn/barcode.html