内容简介：Ionic+Angular 开发移动应用五：利用Cordova调用设备功能
欢迎交换友链： Laker’s Blog–进击的程序媛
Github： https://github.com/younglaker
V信: lakerHQ （请注明‘来自博客’）
Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。
ngCordova 是基于Cordova的angular插件。
引用
文档： http://ngcordova.com/docs/plugins
安装ngCordova：
bower install ngCordova --save cordova plugin add cordova-plugin-camera
gulp及其插件使用–save-dev，源代码里依赖的如jquery使用–save
就在 www/lib 下安装完成。
在 index.html 里引入
<scriptsrc="lib/ngCordova/dist/ng-cordova-min.js"></script>
ngCordova 插件常用功能
二维码扫描
安装：
cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git
对象：
$cordovaBarcodeScanner
方法：
- can( )
- encode( type, text )
调用摄像头
安装：
cordova plugin add cordova-plugin-camera
对象：
$cordovaCamera
方法:
- getPicture( options )
获取设备信息
安装：
cordova plugin add cordova-plugin-device
对象：
$cordovaDevice
方法:
- getDevice( )
- getCordova( )
- getModel( )
- getPlatform( )
- getUUID( )
- getVersion( )
获取地理位置
安装: cordova plugin add cordova-plugin-geolocation
对象：
$cordovaGeolocation
方法:
- getCurrentPosition( options )
- watchPosition( options )
- clearWatch( watchID )
检查网络连接
安装：
cordova plugin add cordova-plugin-network-information
对象：
$cordovaNetwork
方法:
- getNetwork( )
- isOnline( )
- isOffline( )
- $rootScope.$on( ‘$cordovaNetwork:online’, function( event, networkState ){} )
- $rootScope.$on( ‘$cordovaNetwork:offline’, function( event, networkState ){} )
- clearOnlineWatch( )
- clearOfflineWatch( )
系统提示信息
安装：
cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git
对象：
$cordovaToast
方法:
- show( message, duration, position )
- showShortTop( message )
- showShortCenter( message )
- showShortBottom( message )
- showLongTop( message )
- showLongCenter( message )
- showLongBottom( message )
- showWithOptions( options )
进度显示
安装：
cordova plugin add https://github.com/pbernasconi/cordova-progressIndicator.git
对象：
$cordovaProgress
方法:
- $cordovaProgress.showSimple( true ) // requires .hide( )
- $cordovaProgress.hide( )
以上所述就是小编给大家介绍的《Ionic+Angular 开发移动应用五：利用Cordova调用设备功能》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- Golang利用反射reflect动态调用方法
- 利用Spring Cloud实现微服务（七）- 内部调用
- 利用 Transform 解决模块化开发服务调用问题
- cocos2d-x利用jni调用java层代码
- 直观讲解-RPC调用和HTTP调用的区别
- 调用链系列一：解读UAVStack中的调用链技术
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
