ionic cordova plugin simple demo

要用cordova plugin 的話仍是須要設置一下的javascript

1. 下載 ng-cordova.js html

download the zip file herejava

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 的超連接 詳細內容能夠參考這裏...

相關文章
相關標籤/搜索