ionic开发插件之ngCordova配置安装(搬运)

为何ngCordova

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

在cordova插件的sucess和error js回调方法中，是没法使用 angularjs的$scope对象和注入的方法的，只能访问全局的方法和变量，这样会致使不少麻烦，必须使用传统的js方法写不少难看的代码。使用ngCordova应该能够解决这个问题。

ngCordova安装

进入到工程目录，使用bower工具安装

bower install ngCordova

而后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入以前，例如： 

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

而后再angular中添加ngCordova依赖， 

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

在使用每一个插件以前，必须先检测设备是否就绪，经过cordova内置的原生事件deviceready来检测，以下： 

document.addEventListener("deviceready", function () {
　　$cordovaPlugin.someFunction().then(success, error);
}, false);
// OR with Ionic
$ionicPlatform.ready(function() {
　　$cordovaPlugin.someFunction().then(success, error);
});

而后能够经过下面的命令添加插件到项目中

cordova plugin add ...

 

至此ngcordova安装成功，关于plugin的教程，参见官网：而后能够经过下面的命令添加插件到项目中：

http://ngcordova.com/docs/plugins/

 

转自: http://www.haomou.net/2015/01/05/2015_ionic_ngCordova/ （推荐你们看看博主的其余文章）