拍照上传

插件地址:https://github.com/apache/cordova-plugin-camera
因为我cordova版本是6.1.1,所以

cordova plugin add cordova-plugin-camera

插件地址:https://github.com/apache/cordova-plugin-file-transfer

cordova plugin add cordova-plugin-file-transfer

下载ngcordova,并手动安装。 参考了博客
https://codeload.github.com/driftyco/ng-cordova/zip/master

直接拷贝dist目录到你的应用www/lib/ngCordova/dist下,目录随便了,在引入的时候路径对就行了。
拷贝完成后,就要在index.html文件中的cordova.js文件前引入,如:

<!-- cordova script (this will be a 404 during development) -->
    <script type="text/javascript" src="lib/ngCordova/dist/ng-cordova.js"></script>
    <script src="cordova.js"></script>

然后注入到你的angular模块中,在app.js中,如:

var app = angular.module('starter', ['ionic','ngCordova']);

到了这步,设置已经完成了,接下来是使用他,官网建议在使用是判断设备是否就绪,如:

document.addEventListener("deviceready", function () {
  $cordovaPlugin.someFunction().then(success, error);
}, false);

// OR with IONIC

$ionicPlatform.ready(function() {
  $cordovaPlugin.someFunction().then(success, error);
});

我们一般使用是在controller中,在使用之前记得要添加相关的插件到我们工程中才能使用,比如本人的应用,在初始化时ionic已经添加了一定的插件,你可以查看你的plugin目录查看相关插件。
最后是怎么使用他,本人列出我自己使用的一个小demo,使用插件$cordovaDevice,获取平台信息,如:

module.controller('HomeCtrl', function($scope, $cordovaDevice) {
    $scope.isIOS = function(){
        //Returns String — eg: "iOS", "Android", "WinCE"
        var platform = $cordovaDevice.getPlatform();
        platform = platform.toLowerCase();
        if(platform == "iOS"){
            return true;
        }
        return false;
    }
})

了解更多想着插件的使用方法,请访问 官网插件地址

http://ngcordova.com/docs/plugins/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值