angularjs ionic 如何使用Cordova 插件

<script src="ng-cordova.js">script>
<script>
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf("chrome") == -1 && ua.indexOf("firefox") == -1) {
        document.write("
   
 然后注入到你的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;
     }
 })
 
 
另外一个demo
 
 
app.controller('homeCaController', function ($scope, $rootScope,$timeout,$cordovaBarcodeScanner,$cordovaCamera){
 $scope.brandScanner = function() {
 $cordovaBarcodeScanner.scan().then(function(imageData) {
 alert( "We got a barcode \n " + 
 "Result: " + imageData. text +  " \n " + 
 "Format: " + imageData. format +  " \n " + 
 "Cancelled: " + imageData. cancelled); 
 },  function(err) { 
 console. log( 3); 
 }); 
 }; 
 
}
 
 7、说明真机调试时，不会报错。但是web浏览时，调用插件功能函数时可能会报错。 
 
                            

                        

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！