ionic项目之ngcordova插件

本文介绍了如何在Ionic项目中使用ngCordova插件,包括$cordovaDialogs对话框、$cordovaToast短消息、$cordovaProgress进度条和$cordovaFile文件读写。在实际操作中,注意浏览器与移动设备上的显示差异,如对话框按钮位置,以及特定插件如$cordovaProgress在浏览器调试时可能无法正常工作。此外,文件读写需要注意参数匹配和路径规范。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一,$cordovaDialogs(对话框插件)

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

有一个问题是浏览器上运行和移动设备上运行的确定和取消按钮的位置是反的(移动设备上是正确的)

也可以用ionic的http://www.ionicframework.net/docs/api/service/$ionicPopup/(没试,忘了ionic自己有)

二,$cordovaToast(短消息插件)

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

注意:使用此插件,在浏览器调试时会报错,因为这个特殊插件只能在移动设备上起作用

三,$cordovaProgress(进度条插件)

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

报错没找到原因,改为用ionic的$ionicLoading

http://www.ionicframework.net/docs/api/service/$ionicLoading/#

四,$cordovaFile(文件读写插件)

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

注意更新ngcordova和对应的插件,好像参数不对应导致一开始报编码错误

$cordovaFile.checkFile(cordova.file.dataDirectory, "some_file.txt")
      .then(function (success) {
        // success
      }, function (error) {
        // error
      });
$cordovaFile.readAsDataURL(cordova.file.externalRootDirectory, "DCIM/Camera" + imageURI.substring(imageURI.lastIndexOf('/')))
                    .then(function (success) {
                    	$scope.images_list.push(success);
                    }, function (error) {
                       alert("error"+error);
                    });

只试用过确认文件是否存在和读取图片文件为64位编码的字符串的方法

(第一个path参数只能写它指定的几种,不能写完整路径,第二个name参数补齐剩下的路径加上文件名)


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值