前面几天、我利用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
常见插件查找网站: