ionic项目之ngcordova插件

最新推荐文章于 2018-10-22 16:37:00 发布

原创最新推荐文章于 2018-10-22 16:37:00 发布 · 2.3w 阅读

3 ·

CC 4.0 BY-SA版权

angularJS 同时被 2 个专栏收录

19 篇文章

订阅专栏

ionic

8 篇文章

订阅专栏

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

一，$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参数补齐剩下的路径加上文件名）