最新版本号[免费下载]

ng-cordova和cordova区别

作者:本站编辑 发布时间:2015-11-16 来源:本站原创 点击数:

1、cordova介绍

    Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。

    Cordova支持如下7种移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

    Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,目前(PhoneGap和Apache Cordova之间的)唯一区别是下载的包的名字,这会持续一段时间。

2、ng-cordova介绍

    ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。



3、ng-cordova安装与使用


1、下载ng-cordova

bower install ngCordova

2、引入ng-cordova.js文件

    把 ng-cordova.js 或者 ng-cordova.min.js引入index.html中并放在cordova.js之前, AngularJS Ionic 文件之后 (因为ngCordova d依赖AngularJS).




4、引入ng-cordova的依赖

    在主程序的app.js中引入ng-cordova的依赖

angular.module(‘myApp‘, [‘ngCordova‘])

5、添加插件到你的Cordova CLI环境中

cordova plugin add ...

6、使用

    要在检查设备准备完毕之后使用

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

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

不过我测试过,因为已经run过了,你的各种功能肯定在这之后,所以之后在哪用都可以。不过要是有些功能是启动应用就要有,还是要写在这里面的。

angular.module(‘starter‘, [‘ionic‘, ‘route‘,‘config‘,‘global‘,‘commonJs‘,‘ngCordova‘])

.run([‘$ionicPlatform‘,‘$rootScope‘, ‘$location‘, ‘$timeout‘, ‘$ionicHistory‘,‘CommonJs‘,‘$cordovaToast‘,function($ionicPlatform,$rootScope, $location, $timeout, $ionicHistory,CommonJs,$cordovaToast) {
  $ionicPlatform.ready(function() {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleLightContent();
    }
  });
 
}]);

7、官网

ng-cordova插件集合:http://ngcordova.com/docs/plugins/




本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
AI智能听书
选取音色