Ionic使用ngCordova插件,以Geolocation地理定位为例
来源:互联网 发布:知画生孩子摔倒的视频 编辑:程序博客网 时间:2024/05/28 05:19
一、ng-cordova.js
下载安装ng-cordova.js,安装方法可以参考http://ngcordova.com/docs/install/。
注意:引用顺序ng-cordova.js要在ionic.bundle.js之后,因为ngcordova依赖于AngularJS,即如下所示:
<span style="font-family:Times New Roman;font-size:12px;"><script src="./lib/ionic/js/ionic.bundle.js"></script><script src="./js/ng-cordova.min.js"></script></span>
<span style="font-size: 24px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">二、下载ngCordova相关插件,本文以Geolocation为例。</span>
在你的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/
好差不多就是这样,本人也是新手,如有不妥的地方还请大家提出来,谢谢。
1 0
- Ionic使用ngCordova插件,以Geolocation地理定位为例
- ionic 使用ngcordova插件
- Ionic 添加ngCordova插件
- Ionic 添加ngCordova插件
- Geolocation 地理定位
- Geolocation 地理定位
- HTML5地理定位(Geolocation)
- HTML5地理定位Geolocation
- HTML5 Geolocation地理定位
- ionic插件基础(四)——ngCordova配置安装及ngCordova相机插件的使用
- ionic项目之ngcordova插件
- ionic项目之ngcordova插件
- HTML5 - 使用Geolocation(地理定位)获取用户的位置
- HTML5 Geolocation(地理定位)
- HTML5--Geolocation(地理定位)
- HTML5 Geolocation(地理定位)
- Ionic 开发之旅 一(搭建基本工程)(使用ngCordova插件)(开发自己的ngCordova插件)
- ionic项目之ngcordova插件之camera
- 读取一个字符c++
- leetcode 345:Reverse Vowels of a String
- LeetCode|Ugly Number
- 四旋翼动力学和仿真翻译(Quadcopter Dynamics and Simulation)
- Redis——java代码读写redis
- Ionic使用ngCordova插件,以Geolocation地理定位为例
- scala学习第四弹:基本语法
- 订单捕获-销售订单自定义
- 线性表的顺序存储结构(一)
- vtk实战(三十三)——写入vts数据
- HDOJ(HDU) 2083 简易版之最短距离(中位数)
- POJ 3087 Shuffle'm Up
- 【LeetCode】Reverse String 解题报告
- 多线程基础小结