文档章节

ngCordova 配置安装

Jack088
 Jack088
发布于 2015/08/05 17:01
字数 341
阅读 60
收藏 0

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

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

安装:

进入到工程目录,使用 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 ...

ps:

参考:http://www.haomou.net/2015/02/10/2015_ionic_plugin/

plugin的教程,参见官网:
http://ngcordova.com/docs/plugins/

© 著作权归作者所有

共有 人打赏支持
Jack088
粉丝 43
博文 489
码字总数 70464
作品 0
程序员
私信 提问
cordova-imagepicker 插件使用问题

我使用 ionic start 创建了项目,照着流程安装好了cordova-plugin-imagepicker,index.html 中引入了 ng-cordova.js model中加入了 ['ngCordova'] ,imagepicker部分代码 但是我用 phonegap......

viki_php
2016/04/26
262
0
ionic 完美仿微信摇一摇

今天我们使用ionic框架完美仿制微信摇一摇功能,先来看看最终效果图 制作微信摇一摇功能需要调用 陀螺仪传感器(Device Motion) 参考文档地址http://api.ionic-china.com/help/action/Device%2...

ionic中文网
2016/03/23
2.3K
4
Ionic系列——使用ng-cordova插件

1、cordova介绍 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。 Cordova支持如下7种移动操作系统:iOS, Android,ubuntu...

龙马行空
2015/07/28
0
0
ionic助手 v1.9.0 一键式开发环境工具(告别命令行,超强功能)

ionic中文社区群:65048636 注意:使用前请确保您已经安装部署好ionic环境 搭建绿色环境:Ionic_1.x 5分钟快速搭建绿色开发环境 手动搭建环境:Ionic_2.x 手动搭建开发环境 有了ionic助手,再...

ionic中文网
2016/11/28
2.8K
1
Mobile first! Wijmo 5 + Ionic Framework之:Hello Wor

本教程中,我们用Wijmo 5 和 Ionic Framework实现一个Mobile的工程:Hello World。 Ionic是什么? Ionic是一个HTML5框架、免费、开源,用于帮助生成hybird mobile Apps (混合移动应用)。 Ioni...

葡萄城控件技术团队
2014/10/28
0
2

没有更多内容

加载失败,请刷新页面

加载更多

SpringMVC工作原理

SpringMVC的工作原理图: SpringMVC流程 1、 用户发送请求至前端控制器DispatcherServlet。 2、 DispatcherServlet收到请求调用HandlerMapping处理器映射器。 3、 处理器映射器找到具体的处理...

呵呵哒灬
33分钟前
3
0
数据库技术-Mysql主从复制与数据备份

数据库技术-Mysql 主从复制的原理: MySQL中数据复制的基础是二进制日志文件(binary log file)。一台MySQL数据库一旦启用二进制日志后,其作为master,它的数据库中所有操作都会以“事件”...

须臾之余
昨天
13
0
Git远程仓库——GitHub的使用(一)

Git远程仓库——GitHub的使用(一) 一 、 Git远程仓库 由于你的本地仓库和GitHub仓库之间的传输是通过SSH加密的,所以需要一下设置: 步骤一、 创建SSH key 在用户主目录下,看看有没有.ss...

lwenhao
昨天
4
0
SpringBoot 整合

springBoot 整合模板引擎 SpringBoot 整合Mybatis SpringBoot 整合redis SpringBoot 整合定时任务 SpringBoot 整合拦截器...

细节探索者
昨天
1
0
第二个JAVA应用

第二个JAVA应用 方法一:配置文件: # cd /usr/local/tomcat/conf/# vim server.xml</Host> <Host name="www.wangzb.cc" appBase="/data/wwwroot/www.wangzb.cc" //引用所......

wzb88
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部