Ionic+Angular 开发移动应用五：利用Cordova调用设备功能

内容简介：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中的调用链技术

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。