Ionic入门-3(插件使用)

官网地址:http://ionicframework.com/docs/native/
里面都有自己的详细文档,写这篇文章是因为Ionic2和Ionic3差别有点大,故作赘述

下面以Camera做例子

官网地址:http://ionicframework.com/docs/native/camera/

1、Install the Cordova and Ionic Native plugins(安装Cordova\Ionic Native插件)

$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera

2、Add this plugin to your app's module(添加插件到你的项目)(这一步变化较大)

官网给的是一个例子地址:https://ionicframework.com/docs/native/#Add_Plugins_to_Your_App_Module

Add Plugins to Your App's Module(添加这个插件到你的项目)

在xxx(你的项目)\src\app\app.module.ts中添加

...

import { Camera } from '@ionic-native/camera';

...

@NgModule({
  ...

  providers: [
    ...
    Camera,
    ...
  ]
  ...
})
export class AppModule { }

复制import { Camera } from '@ionic-native/camera';粘贴在最上面,在@NgModule的providers中加入插件名字,报错需要加","

3、按照官网的例子使用

(导包需要手动复制了,2.X时候WebStorm可以自动导包)

你可能感兴趣的:(Ionic入门-3(插件使用))