ionic cordova plugin 安装和使用
Posted 知行合一
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic cordova plugin 安装和使用相关的知识,希望对你有一定的参考价值。
注意事项
- ionic1需要ng-cordova
- plugin的使用都需要放到deviceready事件的回调中, 设备准备好了才能设备交互
- plugin只有在真机上才有效果, 模拟器(部分)和browser中是无效的
插件安装
官网Doc - http://cordova.apache.org/docs/en/latest/guide/cli/index.html#add-plugins
ionic cordova plugin add cordova-plugin-camera
插件的引入
ionic依赖ng-cordova
直接使用CDN引入也可以: http://www.bootcdn.cn/ng-cordova/
引入位置是cordova之前, angularjs之后
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="https://cdn.bootcss.com/ng-cordova/0.1.27-alpha/ng-cordova.js"></script>
<script src="cordova.js"></script>
插件的使用
模块中加入ngCordova
依赖, 插件都需要设备ready之后才能正常工作, 在deviceready事件回调中使用, 如果浏览器调试的话还需要处理对象不存在的异常.
angular.module('myApp', ['ngCordova'])
.controller('LoginCtrl', ['$ionicPlatform', '$cordovaDevice', '$scope',
function($ionicPlatform, $cordovaDevice, $scope) {
$ionicPlatform.ready(function() {
// cordova plugin only work on real Device, not Broswer
if (window.device) {
// $scope.data.device = $cordovaDevice.getDevice();
// $scope.data.cordova = $cordovaDevice.getCordova();
$scope.data.devicetype = $cordovaDevice.getModel();
$scope.data.devicename = $cordovaDevice.getUUID();
$scope.data.platform = $cordovaDevice.getPlatform();
$scope.data.version = $cordovaDevice.getVersion();
}
});
}
]);
以上是关于ionic cordova plugin 安装和使用的主要内容,如果未能解决你的问题,请参考以下文章
无法为我的 ionic 3 应用程序安装 cordova phonegap-push-plugin
cordova-plugin-facebook4 ionic facebookConnectPlugin 未定义
cordova-plugin-ionic-webview - 自定义方案不适用于 Android