在一些涉及支付功能的APP中,一般需要绑定银行卡,除非用户手动输入银行卡银行卡号,用手机扫一扫也是常用的方法。查阅了写作资料,发现ionic有一个CardIO插件可以实现这个功能,于是怀着极大的兴趣赶去尝试,结果却有些失望。下面介绍如何在ionic中使用CardIO实现扫描银行卡的功能。CardIO插件的ngCordova说明1.在入口文件main.jsconstapp=angular.module("app",["ionic","ngCordova","ngAnimate","ngCordova.plugins.cardIO"]);app.config(function($ionicConfigProvider,$cordovaNgCardIOProvider){"usestrict";$cordovaNgCardIOProvider.setScanerConfig(//配置显示参数{"expiry":false,"cvv":false,"zip":false,"suppressManual":false,"suppressConfirm":false,"hideLogo":true});$cordovaNgCardIOProvider.setCardIOResponseFields(//配置返回参数["card_type","redacted_card_number","card_number","expiry_month","expiry_year","short_expiry_year","cvv","zip"]);});2.在控制器文件中使用angular.module("app").controller("mineCtrl)",["$scope","$cordovaNgCardIO",function($scope$cordovaNgCardIO){"usestrict";$scope.scanBankcard=()=>{$cordovaNgCardIO.scanCard().then(函数(响应){//扫描成功//成功响应——是一个带有卡片数据的对象console.log("Successresponse");控制台日志(响应);},function(response){//取消扫描//只有当用户取消扫描时,我们才会去那里。//responsealwaysnullconsole.log("whencancelscanning");控制台日志(响应);});};}]);3.
