前面幾天调煎、我利用ionic開發(fā)了一個小小的手機APP镜遣。實現(xiàn)了一些頁面之間的簡單調整以及數(shù)據綁定。
但有些功能需要用到手機原生應用:如手機相機拍照士袄、相冊悲关、媒體播放等。
難道需要根據ios娄柳、android等設備的不同來開發(fā)多套代碼嗎寓辱?
NO、不需要赤拒!因為有ngCordova插件
1:前置要求
使用ngCordova插件之前秫筏、需要安裝bower以及git。
用npm包管理工具下載并全局安裝bower: npm install -g bower
至于git挎挖、直接下載安裝配置好環(huán)境變量即可跳昼。下載地址:https://git-for-windows.github.io/
2:在項目中安裝ngCordova插件
先創(chuàng)建默認項目: ?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相關函數(shù)中進行調用涮俄。
5)蛉拙;在頁面中調用
4:打包進行測試(相機應用只能在真機中進行測試)
ionic? run? android
常見插件查找網站: