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

使用