Ionic使用ngCordova插件,以Geolocation地理定位为例

一、ng-cordova.js

下载安装ng-cordova.js,安装方法可以参考http://ngcordova.com/docs/install/。

注意:引用顺序ng-cordova.js要在ionic.bundle.js之后,因为ngcordova依赖于AngularJS,即如下所示:


二、下载ngCordova相关插件,本文以Geolocation为例。

在你的Ionic项目目录(即www文件的根目录)下运行Nodejs,然后运行以下代码。

ionic plugin add cordova-plugin-geolocation

如果正常,则会提示安装成功。



三、在app.js中引用ngCordova

直接上代码,代码如下:

var app = angular.module('todo',['ionic','ngCordova']);
app.controller('TodoCtrl',  function($scope,$cordovaGeolocation){
   //示例
  $scope.myGeoPostion = $cordovaGeolocation;
  };
其中$cordovaGeoloaction是ngCordova中Geolocation插件的服务。

其中具体方法请参考http://ngcordova.com/docs/plugins/geolocation/


好差不多就是这样,本人也是新手,如有不妥的地方还请大家提出来,谢谢。





你可能感兴趣的:(AngularJS,Ionic)