码迷,mamicode.com
首页 > 其他好文 > 详细

ionic cordova plugin 安装和使用

时间:2017-11-25 20:03:58      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:browser   rdo   module   blog   处理对象   依赖   htm   markdown   真机   

注意事项

  1. ionic1需要ng-cordova
  2. plugin的使用都需要放到deviceready事件的回调中, 设备准备好了才能设备交互
  3. 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 安装和使用

标签:browser   rdo   module   blog   处理对象   依赖   htm   markdown   真机   

原文地址:http://www.cnblogs.com/wancy86/p/7896142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!