二維碼生成插件qrious

一.引入qrious.min.js

二.二維碼顯示處

    <script type="text/javascript" src="plugins/angularjs/angular.min.js"></script><!--引入js-->

 <img id="qrious" ><!-- 二維碼顯示處-->

三.編寫js代碼

app.controller('payController',function ($scope,payService) {
   //生成訂單支付微信二維碼
    $scope.createNative=function () {
        payService.createNative().success(
            function (response) {
                $scope.code_url=response.code_url;
                $scope.out_trade_no=response.out_trade_no;
                $scope.total_fee=(response.total_fee/100).toFixed(2);
               //生成二維碼
                var qr=new QRious({
                    element:document.getElementById('qrious'),
                    size:250,
                    level:'H',
                    value:$scope.code_url  //二維碼需要的url
                });
            }
        )

    }

})