美文网首页
Ionic入门-3(插件使用)

Ionic入门-3(插件使用)

作者: lhl_012 | 来源:发表于2017-06-16 09:37 被阅读333次

    官网地址: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(插件使用)

          本文链接:https://www.haomeiwen.com/subject/ahfeqxtx.html