ionic cordova plugin simple demo

时间 2019-11-08 标签 ionic cordova plugin simple demo

要用cordova plugin 的话仍是须要设置一下的javascript

1. 下载 ng-cordova.js html

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

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

3.在你的angular.module 声明以下 github

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

而个人Demo是在app.js 中apache

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

4. 添加你须要的插件以下app

cordova plugin add your plugin。。。

而在个人Demo中我添加了 globalization /alert 插件ionic

1 cordova plugin add org.apache.cordova.globalization
2 
3 cordova plugin add org.apache.cordova.dialogs

5. 在控制器中调用插件 spa

个人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 的超连接详细内容能够参考这里...