ionic开发：ngCordova插件的使用

前面几天、我利用ionic开发了一个小小的手机APP。实现了一些页面之间的简单调整以及数据绑定。

但有些功能需要用到手机原生应用：如手机相机拍照、相册、媒体播放等。

难道需要根据ios、android等设备的不同来开发多套代码吗？

NO、不需要！因为有ngCordova插件

---

1：前置要求

使用ngCordova插件之前、需要安装bower以及git。

用npm包管理工具下载并全局安装bower： npm install -g bower

至于git、直接下载安装配置好环境变量即可。下载地址：https://git-for-windows.github.io/

---

2：在项目中安装ngCordova插件

先创建默认项目：  ionic  start blank

添加android平台支持： ionic  platform add  android

安装ngCordova插件：  bower install ngCordova

---

3：使用ngCordova插件。以cordova-plugin-camera（照相机）插件为例进行说明。

1)；安装插件

 ionic plugin add cordova-plugin-camera

2)；在index.html文件中的cordova.js文件前引入。

3）；然后注入到你的angular模块中，我是在app.js中进行注入，如：

angular.module('app', ['ionic', 'app.controllers', 'app.routes', 'app.directives', 'app.services','ngCordova',])

4）；在controller相关函数中进行调用。

5）；在页面中调用

4：打包进行测试（相机应用只能在真机中进行测试）

ionic  run  android

---

常见插件查找网站：

http://ngcordova.com/docs/plugins

http://cordova.apache.org/plugins/