ionic插件基础(四)——ngCordova配置安装及ngCordova相机插件的使用

本文介绍了ngCordova的基本概念,它是一个为Ionic项目封装的Cordova设备API服务,简化了在AngularJS中访问设备功能的过程。文章详细阐述了ngCordova的安装配置,包括通过bower安装、在AngularJS中添加依赖以及通过deviceready事件调用插件。以相机插件为例,展示了如何在AngularJS控制器中简单地使用ngCordova,对比了与直接使用Cordova插件的区别,强调了ngCordova在代码简洁性和AngularJS一致性方面的优势。
摘要由CSDN通过智能技术生成

ngCordova简介

ngCordova是基于Cordova封装的Angularjs的调用本地设备接口的模块,可以调用70+个常用设备接插件,诸如访问文件,摄像头,GPS,二维码,传感器等等,这些插件只需要简单配置就可以在ionic中使用。ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。

这里写图片描述

也就是说ngCordova更适合ionic项目使用,因为ngCordova在Cordova Api基础上进行封装,可以在AngularJs代码中访问设备能力Api,对于基于AngularJs的ionic来说使用更加方便。

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

ngCordova的安装配置

官网提供了两种安装的方法:
1. 使用bower来安装
2. 下载zip文件

推荐使用bower安装,在使用bower之前,我们电脑中需要先配置bower。bower的配置非常简单:

bower简介:

Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

准备工作:
  • 安装node环境:node.js
  • 安装Git,bower从远程git仓库获取代码包:git简易指南
安装bower:

使用npm,打开终端,输入:

npm install -g bower

其中-g命令表示全局安装

这时候我们就可以使用bower来安装我们的ngCordova。

安装ngCordova

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

bower install ngCordova

稍作等待,我们的ngCordova就安装好了。

我们查看一下我们的项目,发现ngCordova已经在“项目路径\www\lib”下面:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值