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/ （推薦你們看看博主的其餘文章）