【Ionic】--- ngcordova插件

一,$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);

});

时间: 2024-12-26 20:31:18

【Ionic】--- ngcordova插件的相关文章

Ionic 开发之旅 一(搭建基本工程)(使用ngCordova插件)(开发自己的ngCordova插件)

闲言少叙,直接开始代码: 1.ionic  start   faces  默认tab样式工程 ionic platform add  [email protected]   可以不指定sdk版本,默认最新的. ionic  build android    编译成android工程 ionic  run  android      链接手机 直接build  并且安装到手机 2.使用ngCordova插件 访问本地属性.只能在真是手机上测试 bower install ngCordova 或者直

Ionic系列——使用ng-cordova插件

1.cordova介绍 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等. Cordova支持如下7种移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian. Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,目前(PhoneGap和Apache Cord

ionic ngcordova camera

拍照是經常用到的,所以記錄一下 拍照的代碼... 1. ionic start camera blankcd camera ionic platform add ios 2. 添加插件,這裏很熟悉.... 1 cordova plugin add org.apache.cordova.camera 3. 可以從這裏下載 ngcordova.min.js 或者ngcordova.js 然後添加到www/lib/ionic/js 文件夾下 (不強求....) 4.在index.html 引用ngco

ionic开发插件之ngCordova配置安装(搬运)

为什么ngCordova ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api. 在cordova插件的sucess和error js回调方法中,是无法使用 angularjs的$scope对象和注入的方法的,只能访问全局的方法和变量,这样会导致很多麻烦,必须使用传统的js方法写很多难看的代码.使用ngCordova应该可以解决这个问题. ng

ionic项目之ngcordova插件

一,$cordovaDialogs(对话框插件) http://ngcordova.com/docs/plugins/dialogs/ 有一个问题是浏览器上运行和移动设备上运行的确定和取消按钮的位置是反的(移动设备上是正确的) 也可以用ionic的http://www.ionicframework.net/docs/api/service/$ionicPopup/(没试,忘了ionic自己有) 二,$cordovaToast(短消息插件) http://ngcordova.com/docs/pl

ionic项目之ngcordova插件之camera

参考文章 https://github.com/driftyco/ng-cordova http://ngcordova.com/docs/plugins/camera/ 官方解释是既可以用来拍照也可以录视频(只试用了拍照功能)   首先,装插件  cordova plugin add org.apache.cordova.camera 然后,如果之前配置过ngcordova的话,就直接在控制器加上$cordovaCamera就好了 有两种方法获取拍照得到的图片 1,拍照返回64位的图片数据(d

Ionic系列——ngCordova插件说明

$cordovaFileOpener2 这个插件将打开你的设备文件系统的文件,其默认应用程序. $cordovaFileTransfer 这个插件允许你上传和下载文件. $cordovaFile 一个插件来访问设备的文件和目录.

ionic ngcordova barcodescanner

二維碼掃描  最近有一個項目用到了 二維碼的掃描  總結一下 記錄一下 1. 1 ionic start barcodescanner blank 2 cd barcodescanner 3 ionic platform add android 4 ionic platform add ios 2. 添加插件 cordova plugin add https://github.com/wildabeast/BarcodeScanner.git 3.添加ngcordova.min.js 到www文

ngCordova插件安装使用

为什么ngCordova ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api. 在cordova插件的sucess和error js回调方法中,是无法使用 angularjs的$scope对象和注入的方法的,只能访问全局的方法和变量,这样会导致很多麻烦,必须使用传统的js方法写很多难看的代码.使用ngCordova应该可以解决这个问题. ng