ngCordova插件安装使用

为什么ngCordova

ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。

在cordova插件的sucess和error js回调方法中,是无法使用 angularjs的$scope对象和注入的方法的,只能访问全局的方法和变量,这样会导致很多麻烦,必须使用传统的js方法写很多难看的代码。使用ngCordova应该可以解决这个问题。

ngCordova安装

先安装bower工具

npm install -g bower

  

进入到工程目录,使用bower工具安装

bower install ngCordova

然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前,例如:

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

然后再angular中添加ngCordova依赖,

angular.module(‘myApp‘, [‘ngCordova‘])

在使用每个插件之前,必须先检测设备是否就绪,通过cordova内置的原生事件deviceready来检测,如下:

document.addEventListener("deviceready", function () {
  $cordovaPlugin.someFunction().then(success, error);
}, false);
// OR with Ionic
$ionicPlatform.ready(function() {
  $cordovaPlugin.someFunction().then(success, error);
});

然后可以通过下面的命令添加插件到项目中:

cordova plugin add ...

至此ngcordova安装成功,关于plugin的教程,参见官网:

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

时间: 2024-10-06 09:11:33

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

ElasticSearch之常用插件安装命令

#head监控安装,推荐 bin/plugin -install mobz/elasticsearch-head #bigdesk集群状态,推荐 bin/plugin -install lukas-vlcek/bigdesk #marvel监控安装 bin/plugin -i elasticsearch/marvel/latest #es-sql安装,网页内有详细说明 https://github.com/NLPchina/elasticsearch-sql #jdbc-river安装(rive

【iOS】Xcode 插件安装后无效

今天把 Xcode 升级到 7.3.1,发现插件安装后无效…… 原因:苹果要求加入UUID证书从而保证插件的稳定性. 解决方法: 1. 查看Xcode的UUID 在终端输入以下命令: defaults read /Applications/Xcode.app/Contents/Info DVTPlugInCompatibilityUUID 复制 Xcode 的 UUID 2. 打开xcode插件所在的目录: ~/Library/Application Support/Developer/Shar

Maven-002-eclipse 插件安装及实例

因为平常编码的时候,习惯了使用 eclipse 进行编码,因而需要将 eclipse 安装 maven 的插件,安装步骤如下所示: 一.安装 选择菜单: help -> Install New Software 安装 Maven 插件,所需的在线安装地址如下所示 m2eclipse Core Update Site: http://m2eclipse.sonatype.org/sites/m2e 查找到所需安装的 maven 插件,点击 Next 安装即可,若下图所示. 二.配置 安装完成后,重

监控服务器Cacti之三 插件安装

Cacti本身可以以图形化界面显示出流量状态,cacti也可以安装插件,通过插件,cacti的功能被进一步强大:可以监控服务器状态:发送邮件通知:短信通知等.0.88之前的版本还需要先安装架构扩展包才能再安装插件,但是到了0.88这个版本,本身就已经被集成了,无需再单独安装架构扩展包了.最新版本cacti-0.8.8a 集成了plugin架构扩展,cacti安装完成后就可以安装其他插件. 插件名称        作用 Monitor插件            友好界面显示监控主机状态 Setti

Sublime工具插件安装

Sublime工具插件安装.Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器. 1.官网下载安装包:http://www.sublimetext.com/ 2.安装后,需要先安装 Package Control插件,来管理插件的安装. 两种方法:(1)访问Package Control站点按照提示复制一段python命令安装Package Control.或复制如下到控制台运行. import urllib

ELK 学习笔记之 elasticsearch head插件安装

elasticsearch head插件安装: 准备工作: 安装nodejs和npm https://nodejs.org/en/download/ node-v6.11.2-linux-x64.tar.xz 由于是xz压缩文件,所以要先安装 yum -y install xz $xz -d ***.tar.xz $tar -xvf  ***.tar 配置环境变量 # set node environment export NODE_HOME=/usr/local/node-v6.11.2-li

Sublime(Text 3)及插件安装

Sublime Text 3常用插件安装 1.直接安装 --下载安装包解压缩到Packages目录(菜单->preferences->packages) 2.使用Package Control组件安装   (1)首先安装Package Control:Package control是必装插件,所有其他的插件和主题都可以通过它来安装 1)按Ctrl+`调出console 2)粘贴以下代码到底部命令行并回车: import urllib.request,os; pf = 'Package Cont