PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

PhoneGap中文网 首页 PhoneGap资讯 查看内容

ng-cordova和cordova区别

2015-10-17 12:00| 发布者: admin| 查看: 4700| 评论: 0

摘要: 1、cordova介绍 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。 Cordova支持如下7种移动操作系统:iOS, Android,ubuntu phone os, Blackberry, W ...
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/







头晕

难过

扯淡

不解

搞笑

支持

超赞
1

欠扁

刚表态过的朋友 (1 人)

相关阅读

最新评论

关闭

站长推荐上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2019-10-15 06:48 , Processed in 0.141007 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部