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

本文主要介绍了ngCordova,以及其安装步骤,并使用了它封装好的插件,与上篇文章进行对比
摘要由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”下面:

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值