ionic cordova plugin simple demo

要用cordova plugin 的话还是需要设置一下的

1. 下载 ng-cordova.js

download the zip file here

2. 在index.html 中引用 （cordova.js 之前引进）如下：

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

3.在你的angular.module 声明 如下 

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

而我的Demo是在app.js 中

angular.module('starter', ['ionic', 'starter.controllers','pascalprecht.translate','ngCordova'])

4. 添加你需要的插件 如下

cordova plugin add your plugin。。。

而在我的Demo中 我添加了 globalization /alert  插件

 cordova plugin add org.apache.cordova.globalization

 cordova plugin add org.apache.cordova.dialogs

5. 在控制器中调用插件

我的Demo中的部分代码如下

.
controller('tncctr', function($scope, $cordovaDialogs,$cordovaGlobalization) {
  $scope.quanping=function(){
 $cordovaDialogs.alert('Wow!');

  //$cordovaDialogs.confirm('Are you sure?');

 // $cordovaDialogs.prompt('Please Login');
  }
  $scope.Globalization=function(){
    $cordovaGlobalization.getPreferredLanguage().then(
    function(result) {
    $cordovaDialogs.alert(result.value);
//这里language 的值是 result.value 而不是 result
    function(error) {
     $cordovaDialogs.alert(error);
  });
  }
})

demo

这个是ng-cordova 的超链接 详细内容可以参考这里...