Ionic2 学习笔记(二)-插件
来源:互联网 发布:阿里云 1m带宽 编辑:程序博客网 时间:2024/06/04 19:44
原生插件:http://ionicframework.com/docs/native/
ionic2 cordova 定位插件geolocation
进入项目目录下,
在终端输入命令
$ cordova plugin add cordova-plugin-geolocation
$ npm install –save @ionic-native/geolocation
在文件中导入
import {Geolocation} from '@ionic-native/geolocation'
文件中使用
let geolocation = new Geolocation(); geolocation.getCurrentPosition().then((resp) => { console.log("ERROR", resp); console.log(resp.coords.latitude); console.log(resp.coords.longitude); },err=>{ console.log("ERROR", err); });
LocalNotifacation
官网介绍地址:Local Notifications
插件的安装:
这里需要注意一下,在安装前查看一下当前 cordova 的版本
$ cordova -v
如果是7.0.1或者更高版本,继续下面的命令,安装cordova v6.5.0
$ sudo npm i -g cordova@6.5.0
执行完再进行下面的命令,否则会报下面错误
进入到项目目录下,
依次执行下面两个命令
$ ionic cordova plugin add de.appplant.cordova.plugin.local-notification
$ npm install –save @ionic-native/local-notifications
在app.module.ts添加
import { LocalNotifications } from "@ionic-native/local-notifications";
然后@NgModule->providers 添加LocalNotifications
添加拍照功能
$ cordova plugin add cordova-plugin-camera
$ npm install @ionic-native/camera –save
安装完成。
进行使用 ing
imagePicker 插件
安装
$ ionic cordova plugin add cordova-plugin-image-picker
$ npm install @ionic-native/image-picker –save
使用
- Ionic2 学习笔记(二)-插件
- Ionic2学习笔记(一)
- ionic2 学习笔记(三)
- Ionic2学习笔记(0):HelloWorld
- Ionic2学习笔记(2):自定义Component
- Ionic2学习笔记(3):Pipe
- ionic2 cordova插件用法之二
- ionic2学习笔记--新建页面
- Eclipse插件开发学习笔记(二)
- Chrome插件开发学习笔记(二)
- Unity插件NGUI学习笔记(二)
- jquery插件开发学习笔记(二)
- Ionic2学习笔记(1):新建一个页面
- NSIS学习笔记(二)-使用C++开发NSIS插件
- ionic开发笔记二:ionic2开发的Angular 2语法
- Ionic2学习笔记--Slide欢迎界面的实现
- 学习插件架构(二)
- React Native 学习笔记二十一(导航器三方 插件学习)
- 3.Android灯光系统_源码分析_通知灯
- C#版本号管理
- 2017百度之星初赛:A-1002. 数据分割(并查集+set)
- DateUtil.java
- 求最短路的四个模板
- Ionic2 学习笔记(二)-插件
- 【原创】【百度之星2017初赛A】1005 今夕何夕
- c++ primer 5 第6章 函数
- IntelliJ IDEA 配置阿里云
- hdu6108 2017"百度之星"初赛(A)1001小C的倍数问题(数学)
- BZOJ1085 SCOI2005 骑士精神
- java.nio.Buffer类图文解析
- 文章标题
- 线程的上锁和睡眠